Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[分享] 存个滚动代码(纵向,横向)

[复制链接]
benba 发表于 2009-11-5 11:46:08 | 显示全部楼层 |阅读模式
横向滚动:
  1. <div id="myscrol" style="overflow:hidden;width:200px;padding:2px;" onmouseover="stopscroll();" onmouseout="doscroll()">
  2. <div id="scrolimg">
  3. <img src="http://127.0.0.1/cqbbs/images/default/logo.gif">
  4. <img src="http://127.0.0.1/cqbbs/images/default/logo.gif">
  5. </div>
  6. </div>
  7. <script>
  8. var t=myscrol.scrollWidth
  9. scrolimg.innerHTML+=scrolimg.innerHTML
  10. function doMarquee()
  11. {
  12. myscrol.scrollLeft=myscrol.scrollLeft<myscrol.scrollWidth-myscrol.offsetWidth?myscrol.scrollLeft+1:t-myscrol.offsetWidth
  13. }
  14. function doscroll()
  15. {
  16. sc=setInterval(doMarquee,20)
  17. }
  18. function stopscroll()
  19. {
  20. clearInterval(sc)
  21. }
  22. doscroll()
  23. </script>
复制代码
纵向滚动:
  1.    
  2. <div id="demo" style="height:110px; overflow:hidden ">
  3. <div id="demo1">
  4. <img src="http://127.0.0.1/cqbbs/images/default/logo.gif">
  5. <img src="http://127.0.0.1/cqbbs/images/default/logo.gif">
  6. </div><div id="demo2"></div>
  7. <script>
  8. var speed=100
  9. demo2.innerHTML=demo1.innerHTML
  10. function Marquees(){
  11. if(demo2.offsetTop-demo.scrollTop<=0)
  12. demo.scrollTop-=demo1.offsetHeight
  13. else{
  14. demo.scrollTop++
  15. }
  16. }
  17. var MyMars=setInterval(Marquees,speed)
  18. demo.onmouseover=function() { clearInterval(MyMars) }
  19. demo.onmouseout=function() { MyMars=setInterval(Marquees,speed) }
  20. zlselect('6');
  21. </script>
  22.       </div>
复制代码
回复

使用道具 举报

五元超市 发表于 2009-11-5 11:50:17 | 显示全部楼层
支持一下。
回复

使用道具 举报

goldlink 发表于 2009-11-6 12:42:45 | 显示全部楼层
.
回复

使用道具 举报

goldlink 发表于 2009-11-9 20:37:16 | 显示全部楼层
.
回复

使用道具 举报

独孤求独 发表于 2009-11-9 21:30:57 | 显示全部楼层
不错 值得支持。
回复

使用道具 举报

abcnic18 发表于 2009-11-10 07:11:04 | 显示全部楼层
感谢分享!
回复

使用道具 举报

刘老二 发表于 2009-11-12 20:26:44 | 显示全部楼层
是公告栏上用的吗
回复

使用道具 举报

刘老二 发表于 2009-11-13 14:22:13 | 显示全部楼层
这段代码放在哪,能实现功能
回复

使用道具 举报

zeroshow 发表于 2009-12-5 20:41:17 | 显示全部楼层
不知道怎么用
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-13 07:01 , Processed in 0.082650 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表