Js+CSS實現(xiàn)的間斷和不間斷文本滾動代碼

更新時間：2010年10月31日 21:53:49 作者：

Js+CSS間斷和不間斷文本滾動代碼，文字在一行高度范圍內(nèi)不間斷滾動，還有一個是間斷滾動，滾動一次后會稍停片刻再次滾動。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Js+CSS間斷和不間斷文本滾動代碼</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> .box{width:150px;height:25px;line-height:25px;border:#bbb 1px solid;overflow:hidden;} .box ul{margin:0;padding:0} .box li{height:25px;line-height:25px;font-size:12px;text-align:center;list-style-type:none;} </style> </head> <body> <div   id="k7wkbbq"   class="box" id="marqueebox0"> <ul> <li style="background:#f8e2ac;">第一行</li> <li style="background:#f5f5f5;">第二行</li> <li style="background:#ffe6ec;">第三行</li> </ul> </div><br> <div   id="z8iyojk"   class="box" id="marqueebox1"> <ul> <li style="background:#f8e2ac;">第一行</li> <li style="background:#f5f5f5;">第二行</li> <li style="background:#ffe6ec;">第三行</li> </ul> </div> <script type="text/javascript"> function startmarquee(lh,speed,delay,index){ var t; var p=false; var o=document.getElementById("marqueebox"+index); o.innerHTML+=o.innerHTML; o.onmouseover=function(){p=true} o.onmouseout=function(){p=false} o.scrollTop = 0; function start(){ t=setInterval(scrolling,speed); if(!p){ o.scrollTop += 1;} } function scrolling(){ if(o.scrollTop%lh!=0){ o.scrollTop += 1; if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0; }else{ clearInterval(t); setTimeout(start,delay); } } setTimeout(start,delay); } startmarquee(25,30,3000,0); startmarquee(25,40,0,1); </script> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

JS CSS制作飽含熱情的鑲邊文字閃爍特效
JS+CSS制作的文字閃爍特效，飽含熱情的鑲邊文字，能讓人感覺到你的熱情，同時也可以用作提示語，能充分引起人們的關(guān)注。
2009-10-10
JS溶解形式的文字切換特效
JavaScript形成溶解過渡形式的文字切換特效，夠酷吧，的你平靜如水的網(wǎng)頁上旋轉(zhuǎn)這么一個文字特效，一定會吸引不少人的注意力，文字內(nèi)容和顏色以及字號大小看看代碼就會知道怎么改了。
2009-11-11
javascript實現(xiàn)的網(wǎng)頁標(biāo)題變換效果(網(wǎng)頁游戲廣告常用)
很多游戲廣告的推廣頁面中，為了吸引眼球，我們看到IE標(biāo)題欄與狀態(tài)欄中都是來回閃動的效果。
2011-01-01
javascript 走馬燈效果的鏈接提示
走馬燈效果的鏈接提示，大家的需求不一樣，因此可能有朋友會喜歡這樣的鏈接提示，用到的話，再好好美化一下，其實效果還是不錯的。
2009-10-10
走馬燈效果代碼js appendChild實現(xiàn)的無縫滾動
走馬燈效果代碼js appendChild實現(xiàn)的無縫滾動
2010-03-03
用按鈕觸發(fā)Javascript動態(tài)生成一個表格的代碼
用按鈕觸發(fā)Javascript，動態(tài)生成一個表格，主要是使用innerHTML功能，每點擊一次按鈕，就會生成一個表格，當(dāng)然也可以把表格改成一個DIV，這樣就是生成一個層了，不過刪除時候有些麻煩。
2009-10-10
javascript 灑脫飄動的文字
飄動的文字，看著還挺自在、灑脫，網(wǎng)上經(jīng)常見的東西，原來是這么實現(xiàn)的，奉獻(xiàn)給大家哦。
2009-10-10
JavaScript 平滑文字閃爍
基于JavaScript的平滑文字閃爍,不是單純的閃爍,貌似還帶有一點點別的效果,比如淡入/淡出,那些顏色值你是可以變的,改成你想要的,還有閃爍間隔等,都可以修改的.
2009-10-10
javascript 網(wǎng)頁上跳動的文字
網(wǎng)頁上跳動的文字，代碼稍復(fù)雜，效果挺可愛的，一跳一跳的文字，真逗人！
2009-10-10
Js文字背景行如流水特效
行如流水的Js文字背景特效，本人比較喜歡的效果，文字的背景像流水線一樣，不斷的循環(huán)變化，很漂亮哦。
2009-10-10