跟踪鼠标:一串图片跟着鼠标运动,如果图片做得好,可以有很好的效果
来源:互联网 发布:淘宝怎么才能排名靠前 编辑:程序博客网 时间:2024/05/01 19:40
把如下代码加入<body>区域中
<SCRIPT language="JavaScript">
<!--
B=document.all;
C=document.layers;
T1=new Array("c1.gif",38,35,"c2.gif",30,31,"c3.gif",28,26,"c4.gif",22,21,"c5.gif",16,16)
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 (IE5)
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>
- 跟踪鼠标:一串图片跟着鼠标运动,如果图片做得好,可以有很好的效果
- 跟着鼠标飞的图片
- 点击 鼠标 图片跟着鼠标的位置
- 图片跟着鼠标飞
- javascript 跟着鼠标飞的图片
- 图片的鼠标悬浮效果
- 跟随鼠标的图片效果
- 一串div跟着鼠标移动
- 图片鼠标透明效果
- 非图片鼠标跟踪器
- js实现页面上的图片跟着鼠标箭头移动
- JavaScriptDOM练习之图片跟着鼠标飞
- 随鼠标移动的图片动态效果
- 鼠标悬停之放大图片的效果
- 鼠标经过图片变成文字的效果
- 鼠标效应图片渐显效果
- 鼠标经过图片晃动效果
- 鼠标移动图片震动效果
- Microsoft Visual C++虚拟多继承 对象模型初步分析
- Application在线人数、访问总数
- oracle merge into 用法详解
- Spring+Quartz实现定时任务的配置方法
- 如何提升测试人员在公司的地位
- 跟踪鼠标:一串图片跟着鼠标运动,如果图片做得好,可以有很好的效果
- 压缩感知——CS
- 走进无限美妙的数学世界
- 动态调用WebService(C#)
- Javascript的鼠标样式技术文章
- AWK完整笔记
- oracle表空间查询
- 串口调试--COM1没有发现,或被其他设备占用 的解决办法
- VC++ MFC DLL动态链接库编写详解