社区
JavaScript
帖子详情
请问各位高手:我看到有的网页打开时,鼠标后面跟着几个心型图标,时大时小,很是漂亮,不知如何实现?请多多指教,E-MAIL:BALLOONMAN@263.NET.
BALLOONMAN
2001-05-03 04:38:00
请问各位高手:我看到有的网页打开时,鼠标后面跟着几个心型图标,时大时小,很是漂亮,不知如何实现?请多多指教,E-MAIL:BALLOONMAN@263.NET
...全文
887
3
打赏
收藏
请问各位高手:我看到有的网页打开时,鼠标后面跟着几个心型图标,时大时小,很是漂亮,不知如何实现?请多多指教,E-MAIL:BALLOONMAN@263.NET.
请问各位高手:我看到有的网页打开时,鼠标后面跟着几个心型图标,时大时小,很是漂亮,不知如何实现?请多多指教,E-MAIL:BALLOONMAN@263.NET
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
soandor
2001-05-20
打赏
举报
回复
<html>
<body>
<SCRIPT language="JavaScript">
<!--
B=document.all;
C=document.layers;
T1=new Array("trail1.gif",38,35,"trail2.gif",30,31,"trail3.gif",28,26,"trail4.gif",22,21,"trail5.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>
</body>
</html>
BadCatw
2001-05-05
打赏
举报
回复
去这个网站看看吧,有许多特效
http://www.1stscript.com/
graycarl
2001-05-05
打赏
举报
回复
把图片(可以是gif动画)的style设为position:absolute,
响应onmousemove跟随鼠标位置(event.x,event.y)设置style.left和style.top就可以了
还可以通过其他代码定时运算,做出延迟的效果
jquery hover 冒泡事件制作
心型
图片墙
鼠标
悬浮图片
jquery hover 冒泡事件制作
心型
图片墙
鼠标
悬浮图片 jquery hover 冒泡事件制作
心型
图片墙
鼠标
悬浮图片
as3制作
鼠标
心型
跟随效果
隐藏默认
鼠标
变成
心型
,划过后有痕迹。代码简单,可以参考一下。
心型
图行
图标
用描绘图形图表类,自己写了一个心形的图形
jQuery
心型
图片墙
鼠标
悬浮变大.zip
jQuery
心型
图片墙
鼠标
悬浮变大是一款jquery hover冒泡事件制作
心型
图片墙
鼠标
悬浮图片变大显示。
html5 CSS3心形动画跟随
鼠标
光标运动特效.zip
代码片段: this.update = function () { var lastPoint = { x: _this.x, y: _this.y }; ...// Move points over time ..._this.radians = _this.velocity;..._this.lastMouse.x = (mouse.x - _this.lastMouse.x) * ...
JavaScript
87,901
社区成员
224,628
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章