簡(jiǎn)單的無(wú)縫滾動(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.你可曾有過(guò)無(wú)數(shù)的夢(mèng)想，</li>
<li>2.卻在時(shí)光的流逝里幻滅 </li>
<li>3.你可曾對(duì)未來(lái)期待憧憬，</li>
<li>4.卻在成長(zhǎng)的歲月中迷失</li>
<li>5.CSDN中國(guó)程序員論壇</li>
<li>6.大家一起來(lái)</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.你可曾有過(guò)無(wú)數(shù)的夢(mèng)想，</li>
<li>2.卻在時(shí)光的流逝里幻滅 </li>
<li>3.你可曾對(duì)未來(lái)期待憧憬，</li>
<li>4.卻在成長(zhǎng)的歲月中迷失</li>
<li>5.CSDN中國(guó)程序員論壇</li>
<li>6.大家一起來(lái)</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方法
您可能感興趣的文章:
- 無(wú)縫滾動(dòng)改進(jìn)版支持上下左右滾動(dòng)（封裝成函數(shù)）
- JS左右無(wú)縫滾動(dòng)（一般方法+面向?qū)ο蠓椒ǎ?/a>
- 基于jQuery的圖片左右無(wú)縫滾動(dòng)插件
- jcarousellite.js 基于Jquery的圖片無(wú)縫滾動(dòng)插件
- Jquery與JS兩種方法仿twitter/新浪微博 高度自適應(yīng)無(wú)縫滾動(dòng)實(shí)現(xiàn)代碼
- 基于jQuery的上下無(wú)縫滾動(dòng)應(yīng)用(單行或多行)
- 走馬燈效果代碼js appendChild實(shí)現(xiàn)的無(wú)縫滾動(dòng)
- js 實(shí)現(xiàn)無(wú)縫滾動(dòng) 兼容IE和FF
- 徹底搞懂JS無(wú)縫滾動(dòng)代碼
- 圖片無(wú)縫滾動(dòng)代碼(向左/向下/向上)
相關(guān)文章
JS圖片根據(jù)鼠標(biāo)滾動(dòng)延時(shí)加載的實(shí)例代碼
這篇文章介紹了，JS圖片根據(jù)鼠標(biāo)滾動(dòng)延時(shí)加載的實(shí)例代碼，有需要的朋友可以參考一下2013-07-07
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)導(dǎo)航欄樓層特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
ff chrome和ie下全局動(dòng)態(tài)定位的異同及全局高度的取法
這篇文章主要介紹了ff chrome和ie下全局動(dòng)態(tài)定位的異同及全局高度的取法,需要的朋友可以參考下2014-06-06
通過(guò)在網(wǎng)站上的資料搜集，得到了很多關(guān)于string類(lèi)用法的文檔，通過(guò)對(duì)這些資料的整理和加入一些自己的代碼，就得出了一份比較完整的關(guān)于string類(lèi)函數(shù)有哪些和怎樣用的文檔了！2015-08-08
這篇文章主要介紹了JS與jQuery判斷文本框還剩多少字符可以輸入的方法,簡(jiǎn)單分析了js字符個(gè)數(shù)統(tǒng)計(jì)的方法,并給出了jQuery字符統(tǒng)計(jì)插件textlimit的相關(guān)使用方法示例,需要的朋友可以參考下2018-09-09
ES6中Array.includes()函數(shù)的用法
這篇文章主要介紹了ES6中Array.includes()函數(shù)的用法,需要的朋友可以參考下2017-09-09
High Performance JavaScript(高性能JavaScript)讀書(shū)筆記分析
High Performance JavaScript(高性能JavaScript)讀書(shū)筆記，讓你的js代碼更有效率。2011-05-05
本文是一篇關(guān)于Javascript的中級(jí)進(jìn)階總結(jié)。小編希望大家能夠在30分鐘之內(nèi)閱讀完并認(rèn)真體會(huì)，多敲代碼，多總結(jié)，畢竟Javascript本身并不難。2016-07-07
Bootstrap的fileinput插件實(shí)現(xiàn)多文件上傳的方法
這篇文章主要介紹了Bootstrap的fileinput插件實(shí)現(xiàn)多文件上傳的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
JavaScript+CSS相冊(cè)特效實(shí)例代碼
下面小編就為大家?guī)?lái)一篇JavaScript+CSS相冊(cè)特效實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09