最简单的无缝滚动程序,只需要五行代码

Go_Rush 2006-05-02 02:22:04
<style>a{display:block;font-size:15px};</style>
<div id="div1" style="width:300px;height:68px;overflow:hidden">
<a href="javascript:">1,你可曾有过无数的梦想,</a>
<a href="javascript:">2,却在时光的流逝里幻灭 </a>
<a href="javascript:">3,你可曾对未来期待憧憬,</a>
<a href="javascript:">4,却在成长的岁月中迷失</a>
<a href="javascript:">5,CSDN中国程序员论坛</a>
<a href="javascript:">6,大家一起来</a>
<a href="javascript:">7,好象都很不错的样子</a>
</div>

<script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.onmouseover=function(){clearInterval(t)}
d.onmouseout=function(){t=setInterval(myfunc,1000)}
</script>

上面显示的是四行,如果只要1行,或者几行 改这里height:68px


只显示1行:
<div id="div1" style="width:300px;height:15px;overflow:hidden">



顺便散分
...全文
10995 301 打赏 收藏 转发到动态 举报
写回复
用AI写文章
301 条回复
切换为时间正序
请发表友善的回复…
发表回复
rainmanxu94 2007-04-26
  • 打赏
  • 举报
回复
mark
goodidid 2007-01-31
  • 打赏
  • 举报
回复
这是滚动吗?
goodidid 2007-01-31
  • 打赏
  • 举报
回复
http://www.uschinateam.com/
xxuu503 2006-09-26
  • 打赏
  • 举报
回复
meizz(梅花雪) ( ) 信誉:709 Blog 2006-5-12 19:22:22 得分: 0



看看 http://blog.csdn.net/ 首页的行滚动效果,





是不是现在不滚了?
zjzty444 2006-06-07
  • 打赏
  • 举报
回复
滚动不平滑
Go_Rush 2006-05-13
  • 打赏
  • 举报
回复
200分,但是有295个回复。。分不好分啊


所以,只好,前200名回复各1分,其他没有接到分的不好意思啦


到我的其他帖子来,都是200分的贴,主要是讨论散分的,回帖就有分得



即懂php又懂asp的朋友,请进来,请帮我翻译一段php代码为asp代码,高分相赠
http://community.csdn.net/Expert/topic/4747/4747455.xml?temp=.1151544

ajax技术 vs 传统的asp无刷新技术(请高手指点ajax的妙处,附两个完整例子)
http://community.csdn.net/Expert/topic/4733/4733291.xml?temp=.2765314

问一下关于搜索引擎的蜘蛛程序对于网页 javascript的抓取问题。
http://community.csdn.net/Expert/topic/4744/4744085.xml?temp=.381756
Lcindep110 2006-05-13
  • 打赏
  • 举报
回复
学习1!!!!
indexroot 2006-05-12
  • 打赏
  • 举报
回复
楼主的程序好在支持标准,偶用

Go_Rush(阿舜)说的对的

在W3C中
appendChild方法有写到
Adds the node newChild to the end of the list of children of this node. If the newChild is already in the tree, it is first removed.

http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/level-one-core.html#ID-184E7107
福贵 2006-05-12
  • 打赏
  • 举报
回复
强贴留名
luckin 2006-05-12
  • 打赏
  • 举报
回复
学习 谢谢
xiaoaorensheng 2006-05-12
  • 打赏
  • 举报
回复
flyoversky 2006-05-12
  • 打赏
  • 举报
回复
up
JK_10000 2006-05-12
  • 打赏
  • 举报
回复
sorry,楼上己经有人提到removeChild可以省。
不过,说“removeChild建议还是不要省,否则d中的内容会不断增多,时间长的话耗资源就厉害了”就没道理了,
省略掉这句后,内容并没有不断增多,把div的高度设大一点就可以看到有没有增多.
inmorning 2006-05-12
  • 打赏
  • 举报
回复
学习,mark
JK_10000 2006-05-12
  • 打赏
  • 举报
回复
没有“最简单”的
只有“更简单”的
楼主原贴里的这一行似乎是无用功代码吧

//d.removeChild(o)
nihaoweihua 2006-05-12
  • 打赏
  • 举报
回复
厉害!
loverworld 2006-05-12
  • 打赏
  • 举报
回复
学习&&接分
meizz 2006-05-12
  • 打赏
  • 举报
回复
right
ice_berg16 2006-05-12
  • 打赏
  • 举报
回复
“removeChild”建议还是不要省,否则d中的内容会不断增多,时间长的话耗资源就厉害了!

dom在append一个node的时候,会自动将该node从树中删除,
所以相当于swapNode的功能.
可以动手试一下就知道了,不会不断增多的!
cj_0910 2006-05-12
  • 打赏
  • 举报
回复
来晚了,但顶一下
加载更多回复(281)

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧