手机
当前位置:查字典教程网 >编程开发 >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方法

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

打印/预览/设置的客户端代码

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

无间断滚动marquee的详细用法解析

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

创建表格,并添加事件

javascript结合Flexbox简单实现滑动拼图游戏

将HTML自动转为JS代码

Javascript随机显示图片的源代码

精确到分钟的js日历控件,日期选择器代码

网页里控制图片大小的相关代码

精品推荐
分类导航