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>

  • 相关阅读:
    第一周作业
    第0次作业
    IOS和Android解析newDate()不兼容问题
    行 1: <%@ Application Codebehind="Global.asax.cs" Inherits="FuceFP.Web.Global" Language="C#" %>
    The edge module has not been pre-compiled for node.js version v6.11.2. You must build a custom version of edge.node. Please refer to https://github.com/tjanczuk/edge for building instructions.
    无法确定条件表达式的类型,因为Datetime和<null>之间没有隐式转换
    VS Android Cordova 环境搭建 Java SDK/AVD Manager 闪退
    机器学习系列(3) 决策树
    python系列(2) 函数
    MYSQL系列(4) 窗口函数解决连续几天登录的问题
  • 原文地址:https://www.cnblogs.com/hateyoucode/p/1492678.html
Copyright © 2011-2022 走看看