炫浪网络社区

 找回密码
 注册
搜索
查看: 6358|回复: 14
打印 上一主题 下一主题

[〖Html/Dhtml/Script〗] 网页图片文字不间断滚动代码

[复制链接]
  • TA的每日心情
    难过
    2018-11-23 16:56
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    跳转到指定楼层
    楼主
    发表于 2007-5-17 08:43 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    用html代码与滚动式文字等会有一个空白时间的问题,用下面这段吧!!!!!!!!


    1. <div id="marquees"> <!-- 这些是字幕的内容,你可以任意定义 -->
    2. <a href="#">链接1</a>
    3. <br> <a href="#">链接2</a>
    4. <br> <a href="#">链接3</a>
    5. <br> <a href="#">链接4</a>
    6. <br> <!-- 字幕内容结束 -->
    7. </div>
    8. <!-- 以下是javascript代码 -->
    9. <script language="javascript">
    10. <!--
    11. marqueesHeight=200; //内容区高度
    12. stopscroll=false; //这个变量控制是否停止滚动
    13. with(marquees){
    14. noWrap=true; //这句表内容区不自动换行
    15. style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大
    16. style.height=marqueesHeight;
    17. style.overflowY="hidden"; //滚动条不可见
    18. onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
    19. onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
    20. }
    21. //这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
    22. document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
    23. function init(){ //初始化滚动内容
    24. //多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
    25. while(templayer.offsetHeight<marqueesHeight){
    26. templayer.innerHTML+=marquees.innerHTML;
    27. } //把"templayer"的内容的“两倍”复制回原内容区:
    28. marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
    29. //设置连续超时,调用"scrollUp()"函数驱动滚动条:
    30. setInterval("scrollUp()",20);
    31. }
    32. document.body.onload=init;
    33. preTop=0; //这个变量用于判断滚动条是否已经到了尽头
    34. function scrollUp(){ //滚动条的驱动函数
    35. if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
    36. preTop=marquees.scrollTop; //记录滚动前的滚动条位置
    37. marquees.scrollTop+=1; //滚动条向下移动一个像素
    38. //如果滚动条不动了,则向上滚动到和当前画面一样的位置
    39. //当然不仅如此,同样还要向下滚动一个像素(+1):
    40. if(preTop==marquees.scrollTop){
    41. marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
    42. }
    43. }
    44. -->
    45. </script>
    复制代码
    回复

    使用道具 举报

  • TA的每日心情
    难过
    2018-11-23 16:56
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    沙发
     楼主| 发表于 2007-5-24 00:16 | 只看该作者

    回复:网页图片文字不间断滚动代码

    /楼上
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    忙碌
    2018-12-3 08:28
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    3
    发表于 2007-5-24 00:17 | 只看该作者

    回复:网页图片文字不间断滚动代码

    纯支持了!!!!!!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    4
    发表于 2007-5-27 11:08 | 只看该作者

    回复:网页图片文字不间断滚动代码

    /大笑 浏览一下
    回复 支持 反对

    使用道具 举报

    5
    匿名  发表于 2007-7-16 14:21

    回复:网页图片文字不间断滚动代码

    支持支持支持~~~~~~~~~~
    回复 支持 反对

    使用道具

    该用户从未签到

    6
    发表于 2008-9-22 15:17 | 只看该作者
    不知道火狐能不能用啊?
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    忙碌
    2018-12-3 08:28
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    7
    发表于 2008-11-1 20:03 | 只看该作者
    这类js代码火狐是支持的。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2014-8-11 01:12
  • 签到天数: 2 天

    [LV.1]初来乍到

    8
    发表于 2011-11-25 00:28 | 只看该作者
    标记一下,下回试试
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    抓狂
    2014-11-27 15:41
  • 签到天数: 1 天

    [LV.1]初来乍到

    9
    发表于 2013-10-1 12:20 | 只看该作者
    不知道火狐能不能用啊?
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2018-11-23 22:44
  • 签到天数: 44 天

    [LV.5]常住居民I

    10
    发表于 2014-2-17 20:31 | 只看该作者
    最近开始自学这些 留个爪印 感谢楼主
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2016-2-9 19:24
  • 签到天数: 184 天

    [LV.7]常住居民III

    11
    发表于 2015-1-22 21:40 | 只看该作者
    试了一下,兼容的略出问题。。。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2018-1-17 16:21
  • 签到天数: 58 天

    [LV.5]常住居民I

    12
    发表于 2016-3-25 08:10 来自手机 | 只看该作者
    借鉴借鉴
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    2019-1-10 07:47
  • 签到天数: 332 天

    [LV.8]以坛为家I

    13
    发表于 2016-5-31 19:10 | 只看该作者
    不错,我可以用到
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2017-11-8 18:56
  • 签到天数: 1 天

    [LV.1]初来乍到

    14
    发表于 2017-11-10 08:57 | 只看该作者
    你可以去一些网站找一些插件,但是最好能看懂 知道怎么使用,边学边使用
    回复 支持 反对

    使用道具 举报

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