安徽25选5现场:javascript无间断滚动效果(上下无缝滚动)

作者: 来源: 更新时间:2012-03-16 22:43:22 点击:

安徽25选5直播 www.by7yj.cn 文字无间断从下至上滚动,即无缝滚动效果。代码简洁明了,兼容ie、firefox和google浏览器。

核心代码:(仅部分参考,请不要直接复制。请点击底部的下载地址,下载该效果完整的演示和代码)

<div id="newlist" onmouseover="clearInterval(timerluwei_1)" onmouseout="timerluwei_1=setInterval(marluwei_1,50)" style="float:left;width:200px;height:100px;border:1px #cccccc solid;overflow:hidden;">
    <div id="newlist1">
        <a href="//www.by7yj.cn/" style="display:block;">网页特效代码</a>
        <a href="//www.diping8.com/" style="display:block;">地坪信息网</a>
        <a href="//www.diping5.com/" style="display:block;">无震动止滑车道</a>
        <a href="//www.by7yj.cn/js/v62953" style="display:block;">javascript无间断滚动效果</a>
        <a href="//www.diping8.com/" style="display:block;">艺术压花地坪</a>
        <a href="//www.dipingcailiao.com/" style="display:block;">混凝土密封固化剂</a>
    </div>
    <div id="newlist2">
    </div>
</div>
<div id="hotlist" onmouseover="clearInterval(timerluwei_2)" onmouseout="timerluwei_2=setInterval(marluwei_2,50)" style="float:left;margin-left:30px;width:200px;height:100px;border:1px #cccccc solid;overflow:hidden;">
    <div id="hotlist1">
        <a href="//www.by7yj.cn/" style="display:block;">网页特效代码</a>
        <a href="//www.diping8.com/" style="display:block;">地坪信息网</a>
        <a href="//www.diping5.com/" style="display:block;">无震动止滑车道</a>
        <a href="//www.by7yj.cn/js/v62953" style="display:block;">javascript无间断滚动效果</a>
        <a href="//www.diping8.com/" style="display:block;">艺术压花地坪</a>
        <a href="//www.dipingcailiao.com/" style="display:block;">混凝土密封固化剂</a>
    </div>
    <div id="hotlist2">
    </div>
</div>
<script language="javascript">
    //第1个滚动框
    var tluwei_1=getid("newlist"),t1luwei_1=getid("newlist1"),t2luwei_1=getid("newlist2"),shluwei_1=getid("show"),timer;
    t2luwei_1.innerHTML=t1luwei_1.innerHTML;
    function marluwei_1(){
    if(t2luwei_1.offsetTop<=tluwei_1.scrollTop)
        tluwei_1.scrollTop-=t1luwei_1.offsetHeight;
    else
        tluwei_1.scrollTop++;
    }
    timerluwei_1=setInterval(marluwei_1,50);
    //第2个滚动框
    var tluwei_2=getid("hotlist"),t1luwei_2=getid("hotlist1"),t2luwei_2=getid("hotlist2"),shluwei_2=getid("show"),timer;
    t2luwei_2.innerHTML=t1luwei_2.innerHTML;
    function marluwei_2(){
    if(t2luwei_2.offsetTop<=tluwei_2.scrollTop)
        tluwei_2.scrollTop-=t1luwei_2.offsetHeight;
    else
        tluwei_2.scrollTop++;
    }
    timerluwei_2=setInterval(marluwei_2,50);
    
    
    function getid(id){
        return document.getElementById(id);
    }
</script>

-------------------------------------------------------------

相关使用说明

若一个页面含有多个滚动区域,将js代码中的luwei_1或luwei_2再增加一个如luwei_3即可,并注意替换div中的id,要和js代码中的一致才行。

  • 点赞!5名男子冰河接力救人 2个孩子成功获救 2018-12-15
  • 你所说的时候正是四两酒半仙处于姑娘的时候。四两酒半仙说,她俩当年一人一餐饭就要吃一斤半米,你说这亩产够四两酒半仙一年吃吗??[微笑] 2018-12-14
  • 图解2017民政工作成绩单:改革试点全面推进 1.6万留守儿童复学 2018-12-14
  • “四大发明”是什么制? 2018-12-13
  • 在战火中诞生的党中央机关报(连载一) 2018-12-13
  • 陕西守艺人丨传承自父亲的老油坊,是我人生的希望之光 2018-12-12
  • 儿童家具质量抽检三成不合格 家长选购需注意 2018-12-12
  • 学会了脆皮炸香蕉 再也不会把香蕉放到烂啦-美食资讯 2018-12-12
  • 高通出局 未来iPhone modem芯片将完全由英特尔提供 2018-12-11
  • 《中国气候变化蓝皮书》:年平均气温显著上升 2018-12-11
  • 回复@海之宁:其中跟你不对付的小寻子、真理论者都是批咱的主力军也!小海童鞋作何解释? 2018-12-11
  • 偶像玄幻剧陆续定档 悠长暑假荧屏满溢青春气息 2018-12-10
  • 蔡奇主持市委常委会会议 学习总书记对脱贫攻坚工作重要指示 2018-12-10
  • 河北一保时捷车主疑遭枪击 警方悬赏9万元通缉 2018-12-10
  • 端午节 收艾草(组图) 2018-12-09
  • 700| 745| 977| 933| 681| 520| 387| 349| 382| 345|