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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] 文字上下左右循环连续滚动代码,解决marquee的留白问

[复制链接]
popuppp 发表于 2010-9-13 15:06:52 | 显示全部楼层 |阅读模式
  1. <div id=demo style="overflow:hidden; width:98%; height:192px;"> (自己调整文本框的宽度和高度,括号内的文字添加时要去掉哟,这只是注释)
  2. <div id=demo1>
  3. <div align="left">

  4. (文字内容,括号内的文字添加时要去掉哟,这只是注释)


  5. <br><br> (加换行隔开头尾距离,括号内的文字添加时要去掉哟,这只是注释)

  6. </div>
  7. </div>
  8. <div id=demo2></div>
  9. </div>
  10. <script language="javascript">
  11. var speed=30 (数字为调整滚动速度)
  12. demo2.innerHTML=demo1.innerHTML
  13. function Marquee(){
  14. if(demo2.offsetTop-demo.scrollTop<=0)
  15. demo.scrollTop-=demo1.offsetHeight
  16. else{
  17. demo.scrollTop++ (demo.scrollTop-- 为向下,demo.scrollLeft++ 为向左demo.scrollLeft++ 为向右,括号内的文字添加时要去掉哟,这只是注释)

  18. }
  19. }
  20. var MyMar=setInterval(Marquee,speed)
  21. demo.onmouseover=function() {clearInterval(MyMar)}
  22. demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  23. </script>
复制代码

 楼主| popuppp 发表于 2010-9-13 15:07:08 | 显示全部楼层
备用。。。。。。。。。
回复

使用道具 举报

lonlyboby 发表于 2010-9-17 00:25:10 | 显示全部楼层
不错,备用,标记下
回复

使用道具 举报

安顺坛论 发表于 2010-9-18 13:05:50 | 显示全部楼层
相当的好啊www.a0853.com
回复

使用道具 举报

qq80829168 发表于 2010-10-4 11:11:56 | 显示全部楼层
占座吧
回复

使用道具 举报

aster8888 发表于 2010-10-7 20:45:34 | 显示全部楼层
支持了, 不错
回复

使用道具 举报

w7980 发表于 2010-10-25 15:12:46 | 显示全部楼层
不错。收藏了!!!
回复

使用道具 举报

iiyaya 发表于 2010-11-3 11:43:28 | 显示全部楼层
回复

使用道具 举报

xulei722 发表于 2010-11-3 13:14:25 | 显示全部楼层
没演示??????????
回复

使用道具 举报

wyol 发表于 2010-11-3 14:23:07 | 显示全部楼层
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-9-28 07:10 , Processed in 0.313425 second(s), 16 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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