簡單的無縫滾動程序-僅幾行代碼
更新時間: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)文章
ff chrome和ie下全局動態(tài)定位的異同及全局高度的取法
這篇文章主要介紹了ff chrome和ie下全局動態(tài)定位的異同及全局高度的取法,需要的朋友可以參考下2014-06-06ES6中Array.includes()函數(shù)的用法
這篇文章主要介紹了ES6中Array.includes()函數(shù)的用法,需要的朋友可以參考下2017-09-09High Performance JavaScript(高性能JavaScript)讀書筆記分析
High Performance JavaScript(高性能JavaScript)讀書筆記,讓你的js代碼更有效率。2011-05-05Bootstrap的fileinput插件實現(xiàn)多文件上傳的方法
這篇文章主要介紹了Bootstrap的fileinput插件實現(xiàn)多文件上傳的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09