簡單的無縫滾動程序-僅幾行代碼
更新時間: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.卻在時光的流逝里幻滅 </li>
<li>3.你可曾對未來期待憧憬,</li>
<li>4.卻在成長的歲月中迷失</li>
<li>5.CSDN中國程序員論壇</li>
<li>6.大家一起來</li>
<li>7.好象都很不錯的樣子</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.卻在時光的流逝里幻滅 </li>
<li>3.你可曾對未來期待憧憬,</li>
<li>4.卻在成長的歲月中迷失</li>
<li>5.CSDN中國程序員論壇</li>
<li>6.大家一起來</li>
<li>7.好象都很不錯的樣子</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方法
相關(guān)文章
JS 將偽數(shù)組轉(zhuǎn)換成數(shù)組的實現(xiàn)示例
這篇文章主要介紹了JS 將偽數(shù)組轉(zhuǎn)換成數(shù)組,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
JavaScript設(shè)置body高度為瀏覽器高度的方法
這篇文章主要介紹了JavaScript設(shè)置body高度為瀏覽器高度的方法,實例分析了body高度的設(shè)置技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
JavaScript canvas實現(xiàn)跟隨鼠標(biāo)事件
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)跟隨鼠標(biāo)事件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-02-02
JavaScript使用showdown實現(xiàn)markdown預(yù)覽功能
Showdown.js 是一個JavaScript庫,用于將Markdown文本轉(zhuǎn)換為HTML,這篇文章將給大家介紹了JavaScript使用showdown實現(xiàn)markdown預(yù)覽功能,文中通過代碼示例給大家講解的非常詳細,需要的朋友可以參考下2024-01-01

