网页特效:在鼠标后面跟着一串飘动的字符

  • 来源: 学赛网 作者: 若水   2008-05-07/13:20
  • <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[i]=-50
    }
    var ypos=new Array()
    for (i=0;i<=message.length-1;i++) {
    ypos[i]=-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[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)
    }
    </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[i])
    document.write("</span>")
    }
    if (document.layers){
    document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove = handlerMM;
    // - End of Javascript - -->
    </script>

    第三步:把<body>改为

    <body bgcolor="#fef4d9" onload="makesnake()">


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多