跟隨鼠標的彩色閃爍文字特效代碼
2006/12/18 17:47:35

要完成此效果需要三個步驟
第一步：把如下代碼加入到<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[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+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[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];
                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[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];
                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[i]);
            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()>

返回列表
返回首頁 主站蜘蛛池模板： 国产剧情jvid在线观看| 巨胸喷奶水视频www网快速| 亚洲日本一区二区一本一道| 精品国产不卡一区二区三区| 国产午夜精品1区2区3福利| 114级毛片免费观看| 够爽影院vip破解版| 中文免费观看视频网站| 日韩中文字幕免费视频| 亚洲免费观看视频| 毛片基地在线观看| 免费播放特黄特色毛片| 美女福利视频一区| 国产乱叫456在线| 黑人一个接一个上来糟蹋| 国产精品夜夜爽范冰冰| 99任你躁精品视频| 女儿国交易二手私人衣物app| 中文字幕日韩一区二区三区不| 日韩精品中文字幕在线观看| 亚洲人成色777777在线观看| 欧美视频在线观看免费| 你是我的女人中文字幕高清 | 黄人成a动漫片免费网站| 国产精品久久久久久无毒不卡| 97国产免费全部免费观看| 天天躁日日躁狠狠躁av麻豆| 三级毛片在线播放| 护士的诱惑电影| 久久久久女人精品毛片| 最好看最新日本中文字幕| 亚洲国产精品无码久久| 欧美综合中文字幕久久| 亚洲色无码一区二区三区| 白丝爆浆18禁一区二区三区| 动漫触手被吸乳羞羞动漫| 美妇浑圆硕大高耸美乳| 国产一区二区精品久久岳| 野花影院在线直播视频| 国产午夜电影在线观看| 高贵的你韩剧免费观看国语版|