叶子谷- 网页教程

RSS订阅 站长资讯通告:
搜索: 您现在的位置: 叶子谷 >> 网页特效 >> 鼠标特效 >> 正文

文字跟随鼠标

2008-06-10 13:50:46 来源:本站原创 作者:佚名 【 点击:

脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript">
<!--
document.write("<style type=\"text/css\"> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; color: #FF0033; font-weight:bold; }</style>");
var x,y
var step=20
var flag=0
var message=" 欢迎光临zwz123.com! "
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++){
xpos[i]=-50}
var ypos=new Array()
for (i=0;i<=message.length-1;i++){
ypos[i]=-50}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1}
function makesnake(){
if (flag==1 && document.all){
for (i=message.length-1; i>=1; i--){
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++){
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]}}
else if (flag==1 && document.layers){
for (i=message.length-1; i>=1; i--){
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++){
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]}}
var timer=setTimeout("makesnake()",30)}
for (i=0;i<=message.length-1;i++){
document.write("<span id='span"+i+"'class='spanstyle'>")
document.write(message[i])
document.write("</span>")}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
//-->
</script>

第二步:将写入<body ... > onLoad="makesnake()"
如:
<body onLoad="makesnake()">

<img border="0" src="../down_info.asp?id=455" width="1" height="1">

Tags: 网页特效,鼠标,文字  
责任编辑:cptedu
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】   
  • 上一篇文章:
  • 下一篇文章:
  • 姓 名: * Oicq:
    评 分: 1分 2分 3分 4分 5分
    评论内容:
    广告也精采
    热门文章
    设为首页 -加入收藏 - 联系我们 - 友情链接 - 版权声明 - 管理登陆