⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 shi5.html

📁 web程序设计实验报告
💻 HTML
字号:
<!--SHi5.HTML-->
<!--作为右框架中的下框架-->

<HTML>
  <HEAD>
     <TITLE>shi5右下框架</TITLE>
     <meta http-equiv="imagetoolbar" content="no">

<style type="text/css">
<!--
body{
	font-family: Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 0;
	font-size: 9pt;
	text-decoration: none;
	SCROLLBAR-FACE-COLOR: #3399FF;
	SCROLLBAR-HIGHLIGHT-COLOR: #3399FF;
	SCROLLBAR-SHADOW-COLOR: #808080;
	SCROLLBAR-3DLIGHT-COLOR:#ffffff;
	SCROLLBAR-TRACK-COLOR: #e8e8e8;
	SCROLLBAR-ARROW-COLOR: #808080;
	SCROLLBAR-DARKSHADOW-COLOR: #999999;
	color: #555F63;
	/*background-color: #ADBFD8;*/
}
-->
</style>

<style type="text/css">
<!--
body {cursor:url(mouse9.ani);} 
a:link{cursor:url(mouse10.ani);} 
-->
</style>

<style type="text/css">
<!--
A:LINK{COLOR:BLUE}
A:HOVER{COLOR:FF3333}
A:ACTIVE{COLOR:FFFFCC}
A:VLINK{COLOR:RED}
-->
</style>
			
  </HEAD>
<!--
<BODY id="body" onload="rotate();change();">
-->

<!-- -----------------代码保护------------------ -->
<BODY id="body" onload="rotate();change();"  oncontextmenu="if(password=prompt('您可以通过菜单栏或工具栏使用刷新等功能\n\r使用右键则须输入密码:(不保密)','')!='ZHG')return false;" ><!--onselectstart="self.event.returnValue=false;">-->
<noscript>
<iframe src="noscript.html" width="100%" height="100%"></iframe>
</noscript>
<!-- -----------------代码保护------------------ -->

<script language="javascript">
<!--
if(window==top)window.location.href="index.html";//防止不在框架中打开。
//-->
</script>


<div id="div0" style="position:absolute;left:0;height:0;z-index:10">
<img id="img1" style="filter:alpha(opacity=20)" src="ball.jpg">
<br>
<img id=img2 src="lingxing.jpg" style="filter:blur(direction=0,strength=10,add=false)">
</div>

<div id="movingFloat" style="position:absolute;z-index:20;left:20;top:10;width:50;height:50"><img  src="eagle.gif"></div>

<script language="javascript">
<!--
movingFloat('movingFloat',4,4);
var speed = 50;
var offX=4;var offY=4;
var lastX,lastY;
function movingFloat(obj,offX,offY)
{

 IE4up = ((document.all) ? true : false);
 Ns4up = ((document.layers) ? true : false);


 if(IE4up)
 {
  lastX = parseInt(document.all[obj].style.left);
  lastY = parseInt(document.all[obj].style.top);

  if(  lastX < parseInt(document.body.scrollLeft)  )
  {
 lastX = parseInt(document.body.scrollLeft);
 offX = Math.round(Math.random()*4) + 1;
// return 0;
  }

  if(  lastX > parseInt(document.body.clientWidth) + parseInt(document.body.scrollLeft) - parseInt(document.all[obj].style.width)  )
  {
 lastX = parseInt(document.body.clientWidth) + parseInt(document.body.scrollLeft) - parseInt(document.all[obj].style.width);
 offX = Math.round(Math.random()*(-4)) - 1;
// return 1;
  }

  if(  lastY < parseInt(document.body.scrollTop)  )
  {
 lastY = parseInt(document.body.scrollTop);
 offY = Math.round(Math.random()*4) + 1;
// return 2;
  }

  if(  lastY > parseInt(document.body.clientHeight) + parseInt(document.body.scrollTop) - parseInt(document.all[obj].style.height)  )
  {
 lastY = parseInt(document.body.clientHeight) + parseInt(document.body.scrollTop) - parseInt(document.all[obj].style.height);
 offY = Math.round(Math.random()*(-4)) - 1;
// return 3;
  }

  document.all[obj].style.left = lastX + offX;  
  document.all[obj].style.top  = lastY + offY;  

 }


 else if(Ns4up)
 {
 lastX = document.layers[obj].left;
 lastY = document.layers[obj].top;

 if(  lastX < self.pageXOffset  ) 
 {
	lastX = self.pageXOffset;
	offX = Math.round(Math.random()*4) + 1;
 }
 if(  (lastX > self.innerWidth + self.pageXOffset)  )
 {
	lastX = self.innerWidth + self.pageXOffset;
	offX = Math.round(Math.random()*(-4)) - 1;
 }
 if(  lastY < self.pageYOffset  )
 {
	lastY = self.pageYOffset;
	offY = Math.round(Math.random()*4) + 1;
 }
 if(  (lastY > self.innerHeight + self.pageYOffset)  )
 {
	lastY = self.innerHeight + self.pageYOffset;	
	offY = Math.round(Math.random()*(-4)) - 1;
 }
 
 document.layers[obj].moveTo(lastX+offX,lastY+offY); 
 }
 else return false;//非IE4和Netscape4以上的浏览器。
 setTimeout("movingFloat(\'"+obj+"\',"+offX+","+offY+")",speed);
 
}

//-->
</script>


<script>
<!--
function rotate()
{
        with(img2.filters[0])
        {
		if(direction>=360)
			direction=0;
        	direction+=20;
		
        }
	if(img1.filters[0].opacity<=0)
		img1.filters[0].opacity=100;
	img1.filters[0].opacity-=5;
	timer=setTimeout("rotate()",40)
}
//-->
</script>

<STYLE TYPE="text/css">
<!--
BODY{overflow:scroll;overflow-x:hidden;}
.s1{position : absolute; left:0; top:0; z-index:30; font-size : 12pt; color   : blue; visibility: hidden;}
.s2{ position : absolute; left:0; top:0; z-index:30; font-size : 20pt; color   : red;     visibility : hidden;}
.s3{ position : absolute; left:0; top:0; z-index:30; font-size : 16pt; color   : gold;     visibility : hidden;}
.s4{ position : absolute; left:0; top:0; z-index:30; font-size : 14pt; color   : lime;     visibility : hidden;}
.s5{ position : absolute; left:0; top:0; z-index:30; font-size : 24pt; color   : yellow;   visibility : hidden;}
.s6{ position : absolute; left:0; top:0; z-index:30; font-size : 32pt; color   : green;     visibility : hidden;}
.s7{ position : absolute; left:0; top:0; z-index:30; font-size : 24pt; color   : '#ffffff';     visibility : hidden;}
.s8{ position : absolute; left:0; top:0; z-index:30; font-size : 8pt; color   : '#996633';     visibility : hidden;}
.s9{ position : absolute; left:0; top:0; z-index:30; font-size : 28pt; color   : '#339966';     visibility : hidden;}

-->
</STYLE>
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>
<DIV ID="div5" CLASS="s5">*</DIV>
<DIV ID="div6" CLASS="s6">*</DIV>
<DIV ID="div7" CLASS="s7">*</DIV>
<DIV ID="div8" CLASS="s8">*</DIV>
<DIV ID="div9" CLASS="s9">*</DIV>

<script language="javascript" type="text/javascript" class="s5">
var nav = (document.layers);
var tmr = null;
var spd = 20;
var x = 0;
var x_offset = 15;
var y = 0;
var y_offset = 15;
if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}
function beam(n)
{
if(n<10)
{
  if(nav)
  {
    eval("document.div"+n+".top="+y);
    eval("document.div"+n+".left="+x);
    eval("document.div"+n+".visibility='visible'");
  }
  else
  {
    eval("div"+n+".style.top="+y);
    eval("div"+n+".style.left="+x);
    eval("div"+n+".style.visibility='visible'");
  }
  n++;
  tmr=setTimeout("beam("+n+")",spd);
}
else
{
  clearTimeout(tmr);
  fade(9);
}
}
function fade(n)
{
if(n>0)
{
  if(nav)eval("document.div"+n+".visibility='hidden'");
  else eval("div"+n+".style.visibility='hidden'");
  n--;
  tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}
//-->
</script>



	<div style="position:absolute;left:140;z-index:1" id="layer1">
    <MARQUEE DIRECTION="RIGHT" BEHAVIOR="alternate" LOOP="0" SCROLLDELAY="200" WIDTH="100%" HEIGHT="100%">
	    <IMG SRC="LUOJIA.jpg" alt="珞珈广场">
    </MARQUEE>
	</div>

	<div style="position:absolute;left:30;top:50;font-size:48;font-family:'隶书';filter:blur(direction=120,strength=25);width:100%;z-index:20" id="layer2">
	武汉大学<br>珞珈广场	</div>

<script language="javascript">
	<!--
		/* window.alert("建议您使用IE或Netscape的4.0以上版本的浏览器");
		*/
	function change()
	{
		if(document.layers) object=document.layers[layer2];
		if(document.all)    object=layer2.style;
		object.zIndex=2;
		var random=Math.floor(Math.random()*10);
		switch(random)
		{
			case 0 : object.color="#ff0000";	break;
			case 1 : object.color="#00ff00";	break;
			case 2 : object.color="#0000ff";	break;
			case 3 : object.color="#009933";	break;
			case 4 : object.color="#ffff00";	break;
			case 5 : object.color="#cc3399";	break;
			default : object.color="#ff6666";
		}
		object.top=(	(random%2==0) ? "30"  : "120"		);
		object.left=(	random<3 ? "0%" :( random<6 ? "30%" : "50%")	);
		object.fontSize=Math.floor(Math.random()*50);
		object.letterSpacing=Math.floor(Math.random()*50);
		
		setTimeout("change()",500);
	}
	//-->

</script>

  </BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -