各类动态图片的集合
跟随鼠标的图片
各类动态图片的集合
<html>
<head>
<title>跟随鼠标的图片 风越ASP代码生成器</title>powered by 25175.net
</head>
<body>
<script>
B=document.all;
C=document.layers;
T1=new Array("images/Refresh.GIF",38,35,"images/Refresh.GIF",30,31,"images/Refresh.GIF",28,26,"images/Refresh.GIF",22,21,"images/Refresh.GIF",16,16,"images/Refresh.GIF",10,10)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
</script>
</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页:抖动的图片 | |
上一篇:随鼠标移动而变化的图片
下一篇:网页设计之css+div PK table+css
|
|

页面破了..
反映违反看见