我的一亩三分地 我就喜欢!
网站首页
网管
论坛
环境保护
方便网址
网管助手
软件
下载
网站地图
设为主页
收藏本站
当前位置: >
一亩三分地:首页
>
网络学院
>
网页设计
>
JS特效
>
飘浮文字跟随鼠标
状态栏字母大小写转换
(10-21)
上下滚动的文字
(10-21)
Javascript:window对象的方法
(11-24)
网页中播放音乐的实现方法代码
(11-24)
如何防止被IE工具拦截导致无法弹出窗
(11-24)
模仿QQ和MSN消息提示的效果
(11-13)
可展开的导航菜单
(10-21)
下拉式导航菜单
(10-21)
简单实用的下拉菜单
(10-21)
主页制作器
(10-21)
飘浮文字跟随鼠标
作者:
来源:
点击:
日期:
2006-10-21
效果显示看到了吧
脚本说明: 把如下代码加入<body>区域中 <SCRIPT language=JavaScript> <!-- //Stuff to change!------------------ msg="有问题请与我联系!"; mail="mailto:webmaster@javascript2000.com"; fnt='Verdana'; fsze='2'; speed=1; //---------------------------------- Y=0,X=0,my=0,mx=0,angle=0,dy=0,dx=0,tmr=null; ns=(document.layers)?1:0; off=(document.layers)?'hide':'hidden'; on=(document.layers)?'show':'visible'; if (ns) document.write('<layer name=n top=0 left=0><font face='+fnt+' size='+fsze+'><a href='+mail+'>'+msg+'</a></font></layer>'); else{ document.write('<div id="c" style="position:absolute"><div style="position:relative">'); document.write('<div id="i" style="position:absolute;width:200px;height:30px"><font face='+fnt+' size='+fsze+'><a href='+mail+'>'+msg+'</a></font></div>'); document.write('</div></div>'); } if (ns){ window.captureEvents(Event.MOUSEMOVE); function nMouse(evnt){ my=evnt.pageY+20;mx=evnt.pageX } } else{ function iMouse(){ my=event.y+20;mx=event.x; } } function stalk(){ if (ns) window.onMouseMove=nMouse; else {document.onmousemove=iMouse;c.style.top=document.body.scrollTop} var layer=(document.layers)?document.n:i.style; Y=my-dy;X=mx-dx; angle=Math.round(Math.atan2(Y,X)*180/Math.PI); if (angle < 0) angle += 360; y = Math.round(speed*Math.sin(angle*Math.PI/180));x = Math.round(speed*Math.cos(angle*Math.PI/180)); dy+=y;dx+=x; if ((dy > my-speed*2) && (dx > mx-speed*2) && (dy < my+speed*2) && (dx < mx+speed*2)) {clearTimeout(tmr);layer.visibility=off;} else{layer.visibility=on;layer.top=dy;layer.left=dx} tmr=setTimeout('stalk()',10); } stalk(); //--> </SCRIPT>
【
文章评论
】 【
收藏本文
】 【
推荐好友
】 【
打印本文
】 【
论坛讨论
】
相关文章:
·
鼠标悬停变颜色
·
广告文字的显示
·
鼠标使图片抖动
·
状态栏全日制时间
·
图片集旋转显示
·
状态栏登陆时间
文章评论:
(条)
请留名:
匿名评论
点击查看所有评论
网管论坛
责任编辑:
一分
声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。