简单的无缝滚动程序-仅几行代码
2007-05-08 00:00
441 查看
<ul id="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>
<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.你可曾有过无数的梦想,</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方法
您可能感兴趣的文章:
相关文章推荐
- 简单的无缝滚动程序-仅几行代码
- [z]最简单的无缝滚动程序,只需要五行代码
- 最简单的无缝滚动程序,只需要五行代码(转)
- 最简单的无缝滚动程序,只需要五行代码
- 最简单的无缝滚动程序
- JS实现的N多简单无缝滚动代码(包含图文效果)
- 一个简单的Python日志程序代码,支持按天滚动,限制备份保留个数
- 五行代码带来的无缝滚动程序
- 超简单 无缝滚动 漂浮广告 代码属性
- 无缝滚动的简单实现代码(推荐)
- JS实现的N多简单无缝滚动代码(包含图文效果)
- 简单的jQuery无缝向上滚动效果
- 简单易用的无缝滚动
- CrtDumpMemoryLeaks报告程序中的内存泄露问题(简单示例代码)
- JS图片滚动代码(无缝、平滑)
- 实现公告栏无缝滚动的js代码(转)
- 简单c程序汇编代码分析
- 通过汇编一个简单的C程序,分析汇编代码理解计算机是如何工作的
- js无缝图片滚动代码,利用强大的JQUERY,兼容IE、火狐等主流浏览器
- MFC下的简单聊天程序代码详解过程。