手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >简单的无缝滚动程序-仅几行代码
简单的无缝滚动程序-仅几行代码
摘要:1.你可曾有过无数的梦想,2.却在时光的流逝里幻灭3.你可曾对未来期待憧憬,4.却在成长的岁月中迷失5.CSDN中国程序员论坛6.大家一起来...

<ulid="ScrollBox"style="width:300px;height:80px;overflow:hidden;margin:0;padding:0;line-height:20px;font-size:12px;">

<li>1.你可曾有过无数的梦想,</li>

<li>2.却在时光的流逝里幻灭</li>

<li>3.你可曾对未来期待憧憬,</li>

<li>4.却在成长的岁月中迷失</li>

<li>5.CSDN中国程序员论坛</li>

<li>6.大家一起来</li>

<li>7.好象都很不错的样子</li>

</ul>

<scripttype="text/javascript">

vart=setInterval(myfunc,1000);

varoBox=document.getElementById("ScrollBox");

functionmyfunc(){

varo=oBox.firstChild

oBox.removeChild(o)

oBox.appendChild(o)

}

oBox.onmouseover=function(){clearInterval(t)}

oBox.onmouseout=function(){t=setInterval(myfunc,1000)}

</script>

getElementsByClassName的DOM方法

【简单的无缝滚动程序-仅几行代码】相关文章:

光标定位等TextRange的操作的范例代码

jQuery实现div随意拖动的实例代码(通用代码)

纯javascript实现四方向文本无缝滚动效果

收集整理的四个方向的滚动

简单的防盗链功能代码(iframe)

你的编程语言可以这样做吗?

Javascript随机显示图片的源代码

简单介绍JavaScript的变量和数据类型

一段实时更新的时间代码

基于zepto的移动端轻量级日期插件--date

精品推荐
分类导航