五行代码带来的无缝滚动程序
2007-11-29 12:49
246 查看
<style>
*{border:1px solid green}
a{display:block;font-size:15px};
</style>
<div id="d" style="width:300px;height:200px;">
<a href="javascrīpt:">1,你可曾有过无数的梦想,</a>
<a href="javascrīpt:">2,却在时光的流逝里幻灭 </a>
<a href="javascrīpt:">3,你可曾对未来期待憧憬,</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:"> </a>
</div>
<script language="javascript">
var t=setInterval(myfunc,500);
function myfunc(){ d.appendChild(d.firstChild)};
d.onmouseover=function(){clearInterval(t)};
d.onmouseout=function(){t=setInterval(myfunc,500)};
</script>
*{border:1px solid green}
a{display:block;font-size:15px};
</style>
<div id="d" style="width:300px;height:200px;">
<a href="javascrīpt:">1,你可曾有过无数的梦想,</a>
<a href="javascrīpt:">2,却在时光的流逝里幻灭 </a>
<a href="javascrīpt:">3,你可曾对未来期待憧憬,</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:">4,却在成长的岁月中迷失</a>
<a href="javascrīpt:"> </a>
</div>
<script language="javascript">
var t=setInterval(myfunc,500);
function myfunc(){ d.appendChild(d.firstChild)};
d.onmouseover=function(){clearInterval(t)};
d.onmouseout=function(){t=setInterval(myfunc,500)};
</script>
相关文章推荐
- 最简单的无缝滚动程序,只需要五行代码
- [z]最简单的无缝滚动程序,只需要五行代码
- 最简单的无缝滚动程序,只需要五行代码(转)
- 滚动程序五行代码
- 简单的无缝滚动程序-仅几行代码
- 简单的无缝滚动程序-仅几行代码
- 支持W3C的无缝滚动代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- JS图片滚动代码(无缝、平滑)
- 图片循环滚动代码(无缝滚动)(分别向上、下、左、右)
- Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
- JS向上无缝滚动代码
- JQuery实现文字无缝滚动效果示例代码(Marquee插件)
- Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
- 从下至上无缝滚动代码
- 图片循环滚动代码(无缝滚动)
- JavaScript实现垂直向上无缝滚动特效代码
- js图片无缝滚动代码
- 图片无缝滚动代码