跟着鼠标旋转的图片 _各类动态图片的集合

跟着鼠标旋转的图片

<html>

<head>
<title>跟着鼠标旋转的图片 ASP代码生成器</title>powered by 25175.net
</head>

<!--脚本说明:

把如下代码加入<body>区域中-->

<!--

var images='images/Refresh.GIF';//Put your image name here!!

var amount=7;//Number of images here. Do not alter for this script!!

var cnter=70;

var step;

var currStep = 0;

var Xpos = 0;

var Ypos = 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>')

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 (currStep<0.0550)

step=0.001;

if (document.all)

{

for (i=0;i<ieDiv.all.c.all.length;i++)

{

ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);

ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);

}

else if (document.layers)

{

for ( i = 0 ; i < ns ; i++ )

{

var temp="n"+i

document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);

document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);

}

currStep += step;

setTimeout("Swirl()", 10);

if (currStep>0.0540)

{

step+=0.002;

if (document.layers)

{

for ( i = 0 ; i < ns ; i++ )

{

var temp="n"+i

document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5)

document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)

}

else if (document.all)

{

for (i=0;i<ieDiv.all.c.all.length;i++)

{

ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5)

ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)

}

if (step > 0.5)

{

step=0.5;

cnter-=8;

}

if (document.layers)

_y=-window.innerWidth;

else if (document.all)

_y=-document.body.clientWidth;

if (cnter <= _y)

{

currStep=0;

step=0.001;

cnter=70;

}

Swirl();

// -->

</script>

<body>

</body>

</html>

【内容导航】
第1页：跟随鼠标的图片	第2页：跟着鼠标的图片2
第3页：跟着鼠标旋转的图片	第4页：自由走动的图片
第5页：来回摆动的图片	第6页：乱飞的图片
第7页：浮动图像显示	第8页：将图片固定在左上角
第9页：随屏幕移动的图片并可任意移动	第10页：在页上不停走动的图片
第11页：任意指定图片位置	第12页：向上浮的图片
第13页：往下掉并弹起的图片	第14页：在浏览器窗口外移动的图片
第15页：浮在页面上的图片广告	第16页：随意飘动的图像
第17页：图片穿行	第18页：左右移动的图片
第19页：跟着屏幕走的图片	第20页：将图片固定在左下角
第21页：旋转的图片	第22页：徐徐上升的图片
第23页：页面动态图片	第24页：移动的图片
第25页：鼠标停在文本上图片自动围绕	第26页：滚动图片公告栏
第27页：飞来飞去的图片	第28页：滚动显示图片
第29页：将图片固定在左下角	第30页：将图片固定在右下角
第31页：图片居中	第32页：不停闪烁的图片
第33页：带彩色边框的图片	第34页：点击消失的图片
第35页：定时闪烁的图片	第36页：动感的图片
第37页：抖动的图片