围绕鼠标盘旋的鸟_站点基地[zdbase.com]

详细内容

[关闭窗口]

围绕鼠标盘旋的鸟

发布日期：2010-03-26 点击：8260

<html>

<head>
<title>网页特效|站点基地【zdbase.com】|---围绕鼠标盘旋的鸟</title>

<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
</head>

<body>
<script language="JavaScript">
<!--  
var images='http://www.zdbase.com/work/Editor/UploadFile/201032704048658.gif';//Put your image name here!!
var amount=8;       //Number of images here!!
var yBase = 150;
var xBase = 200;
var step = 0.2;
var currStep = 0;
var Xpos = 5;
var Ypos = 5;
var i = 0;
var j = 0;
if (document.all)
{
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">')
document.write('</div>')
document.write('</div>')

function MsieMouseFollow(){
 Xpos = document.body.scrollLeft+event.x-5;
 Ypos = document.body.scrollTop+event.y-5;
 }
 document.onmousemove = MsieMouseFollow;
}
else if (document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
for (ns=0; ns < amount; ns++) 
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");
function NsMouseFollow(evnt){
 Xpos = evnt.pageX-5;
 Ypos = evnt.pageY-5;
 }
 window.onMouseMove = NsMouseFollow;
}
function Swirl(){
if (document.all)
{
 yBase = window.document.body.offsetHeight/4;
 xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
 yBase = window.innerHeight/4;
 xBase = window.innerWidth/4;
}

if (document.all)
{
 for (i=0;i<ieDiv.all.c.all.length;i++)
 {
  ieDiv.all.c.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
  ieDiv.all.c.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
 }
}
else if (document.layers)
{
 for ( j = 0 ; j < ns ; j++ ) //7 is number of NS layers!
 {
  var temp="n"+j
  document.layers[temp].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
  document.layers[temp].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
 }
}
currStep += step;
setTimeout("Swirl()", 10);
}
Swirl();
// -->
    </script>
    
</body>
</html>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

附件：