zoukankan      html  css  js  c++  java
  • JS 不间断滚动

    使用时候替换“AsaiDemoS ”,即可在一个页面放置多个这样的上下竖向滚动

    <div id=AsaiDemoS style=height:120px;100%;overflow:hidden;><div id=AsaiDemoS1>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
    </div><div id=AsaiDemoS2></div></div>
    <script>
    var AsaiDemoSspeed=100
    AsaiDemoS2.innerHTML=AsaiDemoS1.innerHTML
    function AsaiDemoSmarquee(){
    if(AsaiDemoS2.offsetTop-AsaiDemoS.scrollTop<=0)
    AsaiDemoS.scrollTop-=AsaiDemoS1.offsetHeight
    else{
    AsaiDemoS.scrollTop++
    }}
    var AsaiDemoSmymar=setInterval(AsaiDemoSmarquee,AsaiDemoSspeed)
    AsaiDemoS.onmouseover=function(){clearInterval(AsaiDemoSmymar)}
    AsaiDemoS.onmouseout=function(){AsaiDemoSmymar=setInterval(AsaiDemoSmarquee,AsaiDemoSspeed)}
    </script>


    使用时候替换“AsaiDemoH ”,即可在一个页面放置多个这样的左右横向滚动

    <div id=AsaiDemoH style=height:120px;120px;overflow:hidden;><table cellspacing=0 cellpadding=0 border=0><tr><td id=AsaiDemoH1 valign=top>  
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
    <A HREF=HTTP://77YA.COM>阿赛工作室!</A>
    <A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
    </td><td id=AsaiDemoH2 valign=top></td></tr></table></div>
    <script>
    var AsaiDemoHspeed=100
    AsaiDemoH2.innerHTML=AsaiDemoH1.innerHTML
    function AsaiDemoHmarquee(){
    if(AsaiDemoH.scrollLeft>=AsaiDemoH1.scrollWidth){
    AsaiDemoH.scrollLeft=0
    }else{
    AsaiDemoH.scrollLeft++
    }}
    var AsaiDemoHmymar=setInterval(AsaiDemoHmarquee,AsaiDemoHspeed)
    AsaiDemoH.onmouseover=function(){clearInterval(AsaiDemoHmymar)}
    AsaiDemoH.onmouseout=function(){AsaiDemoHmymar=setInterval(AsaiDemoHmarquee,AsaiDemoHspeed)}
    </script>

  • 相关阅读:
    【学习总结】SQL的连接:join -- 内连接外连接左连接右连接
    【学习总结】测试工具jmeter-从入门到精通-汇总
    【刷题】面筋-数据库-关系型数据库与非关系型数据库Nosql区别汇总
    【刷题】面筋-数据结构-排序算法的复杂度、稳定性、内部外部排序
    【刷题】面筋-测开-测试应该什么时候介入
    【问题解决方案】GitHub图片不显示的问题通过修改hosts解决
    【刷题】面筋-网络-HTTP和HTTPS
    【刷题】面筋-网络-数据传输方式
    【刷题】面筋-网络-TCP三次握手和四次挥手的全过程
    【刷题】面筋-网络-常见网络模型与各层网络协议
  • 原文地址:https://www.cnblogs.com/hateyoucode/p/1492678.html
Copyright © 2011-2022 走看看