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>

  • 相关阅读:
    Object有哪些公用方法?(转)
    equals和==的区别(转)
    switch语句中case的标签
    (常见面试问题)九种基本数据类型的大小,以及他们的封装类
    English
    plot
    文件读写
    标准化
    独热编码
    一阶逻辑
  • 原文地址:https://www.cnblogs.com/hateyoucode/p/1492678.html
Copyright © 2011-2022 走看看