經(jīng)典文字滾動(dòng)，單行向上滾動(dòng)_文本鏈接特效

比較經(jīng)典的單行文字滾動(dòng)，向上滾動(dòng)切換，用作網(wǎng)站公告、精品推薦都不錯(cuò)，和走馬燈效果有點(diǎn)不一樣，本效果是完全基于JavaScript的，使用時(shí)候最好另存一個(gè)新文件，然后引入，這樣方便一些。

<html>
<head>
<title>文字滾動(dòng)</title>
<style type="text/css">
body{font-size:12px}
a {text-decoration: none;}
</style>
</head>
<body>
<script>
var marqueeContent=new Array(); 
marqueeContent[0]='<font color="#0000CC">14:25 </font><a href=http://m.hl5o.cn target=_blank class="f12red">jQuery 動(dòng)態(tài)加載靜態(tài)網(wǎng)頁(yè)的實(shí)例</a><br>';
marqueeContent[1]='<font color="#0000CC">14:25 </font><a href=http://m.hl5o.cn target=_blank class="f12red">比較炫的JavaScript圖片展示特效</a><br>';
marqueeContent[2]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">JQuery模仿的LightBox圖片效果</a><br>';
marqueeContent[3]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">C#酒店管理系統(tǒng)（VS2008+SQL2005）</a><br>';
var marqueeInterval=new Array(); 
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=18;
function initMarquee() {
    var str=marqueeContent[0];
    document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
    marqueeId++;
    marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
    }
function startMarquee() {
    var str=marqueeContent[marqueeId];
        marqueeId++;
    if(marqueeId>=marqueeContent.length) marqueeId=0;
    if(marqueeBox.childNodes.length==1) {
        var nextLine=document.createElement('DIV');
        nextLine.innerHTML=str;
        marqueeBox.appendChild(nextLine);
        }
    else {
        marqueeBox.childNodes[0].innerHTML=str;
        marqueeBox.appendChild(marqueeBox.childNodes[0]);
        marqueeBox.scrollTop=0;
        }
    clearInterval(marqueeInterval[1]);
    marqueeInterval[1]=setInterval("scrollMarquee()",20);
    }
function scrollMarquee() {
    marqueeBox.scrollTop++;
    if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
        clearInterval(marqueeInterval[1]);
        }
    }
initMarquee();
</script>
</body>
</html>

所屬頻道：文本鏈接特效/更新時(shí)間：2012-12-07

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)文本鏈接特效：

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索經(jīng)典文字滾動(dòng)，單行向上滾動(dòng)
特效說(shuō)明：
文本鏈接模板-經(jīng)典文字滾動(dòng)，單行向上滾動(dòng)。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

經(jīng)典文字滾動(dòng)，單行向上滾動(dòng)_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些

經(jīng)典文字滾動(dòng)，單行向上滾動(dòng)_文本鏈接特效