wfcvn 发表于 2007-4-27 10:18:23

***鼠标特效***跟随鼠标的字符

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
脚本说明:
第一步:把如下代码加入<head>区域中
<style type="text/css">
.spanstyle {
    color: #ffd8ff; font-family: 宋体; font-size: 10pt; position: absolute; top: -50px; visibility: visible
}
</style>
<script>
var x,y
var step=18
var flag=0
// your snappy message. important: the space at the end of the sentence!!!
var message="★细溪驿站欢迎你的光临!"
message=message.split("")
var xpos=new array()
for (i=0;i<=message.length-1;i++) {
    xpos=-50
}

var ypos=new array()
for (i=0;i<=message.length-1;i++) {
    ypos=-200
}

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=xpos+step
            ypos=ypos
      }
      xpos=x+step
      ypos=y

      for (i=0; i<message.length-1; i++) {
            var thisspan = eval("span"+(i)+".style")
            thisspan.posleft=xpos
            thisspan.postop=ypos
      }
    }

    else if (flag==1 && document.layers) {
      for (i=message.length-1; i>=1; i--) {
               xpos=xpos+step
            ypos=ypos
      }
      xpos=x+step
      ypos=y

      for (i=0; i<message.length-1; i++) {
            var thisspan = eval("document.span"+i)
            thisspan.left=xpos
            thisspan.top=ypos
      }
    }
      var timer=settimeout("makesnake()",30)
}

</script>


第二步:把如下代码加入<body>区域中
<script>
<!-- beginning of javascript -

for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
    document.write(message)
    document.write("</span>")
}

if (document.layers){
    document.captureevents(event.mousemove);
}

document.onmousemove = handlermm;

// - end of javascript - -->
</script>

第三步:把<body>改为
<body bgcolor="#fef4d9" onload="makesnake()">


      











------------------------- -------------

拥有三人行论坛管理系列软件, 一个人就可以 管理一个论坛的更新维护。还能使您的论坛有 千人在线的 真实火暴效果,让您不在为论坛因没有人气而留不住会员而烦恼,使您的论坛早日成为一流的论坛。详情请登陆 网站:ht tp://www .cnsrx.cn 三人行论坛管理软 件,站长 必备的专业好工具。(您使用的是免费版本,购买收费版 本后,将不带广告。业务Q Q: 247216 44985227)
页: [1]
查看完整版本: ***鼠标特效***跟随鼠标的字符