簡單的無縫滾動(dòng)程序-僅幾行代碼
更新時(shí)間:2007年05月08日 00:00:00 作者:
<ul id="ScrollBox" style="width:300px;height:80px;overflow:hidden;margin:0;padding:0;line-height:20px;font-size:12px;">
<li>1.你可曾有過無數(shù)的夢想,</li>
<li>2.卻在時(shí)光的流逝里幻滅 </li>
<li>3.你可曾對未來期待憧憬,</li>
<li>4.卻在成長的歲月中迷失</li>
<li>5.CSDN中國程序員論壇</li>
<li>6.大家一起來</li>
<li>7.好象都很不錯(cuò)的樣子</li>
</ul>
<script type="text/javascript">
var t=setInterval(myfunc,1000);
var oBox=document.getElementById("ScrollBox");
function myfunc(){
var o=oBox.firstChild
oBox.removeChild(o)
oBox.appendChild(o)
}
oBox.onmouseover=function(){clearInterval(t)}
oBox.onmouseout=function(){t=setInterval(myfunc,1000)}
</script>
getElementsByClassName 的DOM方法
<li>1.你可曾有過無數(shù)的夢想,</li>
<li>2.卻在時(shí)光的流逝里幻滅 </li>
<li>3.你可曾對未來期待憧憬,</li>
<li>4.卻在成長的歲月中迷失</li>
<li>5.CSDN中國程序員論壇</li>
<li>6.大家一起來</li>
<li>7.好象都很不錯(cuò)的樣子</li>
</ul>
<script type="text/javascript">
var t=setInterval(myfunc,1000);
var oBox=document.getElementById("ScrollBox");
function myfunc(){
var o=oBox.firstChild
oBox.removeChild(o)
oBox.appendChild(o)
}
oBox.onmouseover=function(){clearInterval(t)}
oBox.onmouseout=function(){t=setInterval(myfunc,1000)}
</script>
getElementsByClassName 的DOM方法
您可能感興趣的文章:
- 無縫滾動(dòng)改進(jìn)版支持上下左右滾動(dòng)(封裝成函數(shù))
- JS左右無縫滾動(dòng)(一般方法+面向?qū)ο蠓椒ǎ?/a>
- 基于jQuery的圖片左右無縫滾動(dòng)插件
- jcarousellite.js 基于Jquery的圖片無縫滾動(dòng)插件
- Jquery與JS兩種方法仿twitter/新浪微博 高度自適應(yīng)無縫滾動(dòng)實(shí)現(xiàn)代碼
- 基于jQuery的上下無縫滾動(dòng)應(yīng)用(單行或多行)
- 走馬燈效果代碼js appendChild實(shí)現(xiàn)的無縫滾動(dòng)
- js 實(shí)現(xiàn)無縫滾動(dòng) 兼容IE和FF
- 徹底搞懂JS無縫滾動(dòng)代碼
- 圖片無縫滾動(dòng)代碼(向左/向下/向上)
相關(guān)文章
JS 將偽數(shù)組轉(zhuǎn)換成數(shù)組的實(shí)現(xiàn)示例
這篇文章主要介紹了JS 將偽數(shù)組轉(zhuǎn)換成數(shù)組,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
JavaScript設(shè)置body高度為瀏覽器高度的方法
這篇文章主要介紹了JavaScript設(shè)置body高度為瀏覽器高度的方法,實(shí)例分析了body高度的設(shè)置技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)事件
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)事件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02
利用JS重寫Cognos右鍵菜單的實(shí)現(xiàn)代碼
我寫了一個(gè)利用JS禁用Cognos右鍵菜單,下面的JS可以實(shí)現(xiàn)重寫Cognos的右鍵菜單。只要將下面的代碼拷到一個(gè)HTML項(xiàng)里即可。2010-04-04
基于JavaScript判斷兩個(gè)對象內(nèi)容是否相等
這篇文章主要介紹了基于JavaScript判斷兩個(gè)對象內(nèi)容是否相等,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
JS實(shí)現(xiàn)加載和讀取XML文件的方法詳解
這篇文章主要介紹了JS實(shí)現(xiàn)加載和讀取XML文件的方法,結(jié)合實(shí)例形式分析了javascript針對xml文件的加載與讀取相關(guān)實(shí)現(xiàn)步驟與操作技巧,需要的朋友可以參考下2017-04-04
JavaScript使用showdown實(shí)現(xiàn)markdown預(yù)覽功能
Showdown.js 是一個(gè)JavaScript庫,用于將Markdown文本轉(zhuǎn)換為HTML,這篇文章將給大家介紹了JavaScript使用showdown實(shí)現(xiàn)markdown預(yù)覽功能,文中通過代碼示例給大家講解的非常詳細(xì),需要的朋友可以參考下2024-01-01

