ljl 发表于 2007-4-27 11:38:02

***鼠标特效***跟随鼠标的彩色闪烁文字..好棒哦

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
要完成此效果需要三个步骤

第一步:把如下代码加入到<head>区域中

<style>.spanstyle {
    color: #0066ff; font-family: 隶书; font-size: 14pt; font-weight: normal; position: absolute; top: -50px; visibility: visible
}
</style>


第二步:把如下代码加入到<body>区域中
<script language=javascript>
    var message="我 爱 你 一 生 一 世 !";
    var x,y;
    var step=12;
    var flag=0;

    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=-50;
    }

    function handlermm(e) {
      x = (document.layers) ? e.pagex : document.body.scrollleft+event.clientx+10;
      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;
                thisspan.color=math.random() * 255 * 255 * 255 + math.random() * 255 * 255 + math.random() * 255;
                }
      }
      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;
                thisspan.color=math.random() * 255 * 255 * 255 + math.random() * 255 * 255 + math.random() * 255;
            }
      }
    }
</script>

<script language=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;
</script>

<script language=javascript>
    function pageonload() {
      makesnake();
      window.settimeout("pageonload();", 2);
    }
</script>


第三步:把“onload=javascript:pageonload()”加在<body>标记里
例如:<body onload=javascript:pageonload()>

      










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

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