zoukankan      html  css  js  c++  java
  • javascript 文字滚动

    1.向上滚动

    <div id="ntice" style="overflow:hidden;275px; height :196px; margin-top:4px;">
         
    <div id="ntice1" >
           
    <ul>
                         
    <li>内容</li>
                          
           
    </ul>
           
    </div>
         
    <div  id="ntice2"></div> 
        
    </div>
    <script language="javascript" type ="text/javascript"> 
    var speed=50
    ntice2.innerHTML
    =ntice1.innerHTML 
    function Marquee(){ 
    if(ntice2.offsetTop-ntice.scrollTop<=0
    ntice.scrollTop
    -=ntice1.offsetHeight 
    else
    ntice.scrollTop
    ++ 


    var MyMar=setInterval(Marquee,speed) 
    ntice.onmouseover
    =function() {clearInterval(MyMar)} 
    ntice.onmouseout
    =function() {MyMar=setInterval(Marquee,speed)} 
    </script>

    2.左滚动

    <div  id="demo" style="overflow:hidden;850px;height:100px;">
         
    <table>
            
    <tr>
                
    <td id="demo1">
                   
    <table >
                   
    <tr>
                      
    <td>滚动内容</td>
                  
    <tr>
                
    </table>
                
                
    </td>
             
                
    <td id="demo2"></td>
                
            
    </tr>
         
    </table>
      
    </div>
    <script   language="JavaScript" type="text/javascript">
                 
    var speed=30
                 demo2.innerHTML
    =demo1.innerHTML
                 
    function Marquee(){
                 
    if(demo2.offsetWidth-demo.scrollLeft<=0)
                 demo.scrollLeft
    -=demo1.offsetWidth
                 
    else{
                 demo.scrollLeft
    ++
                 }
                 }
                 
    var MyMar=setInterval(Marquee,speed)
                 demo.onmouseover
    =function() {clearInterval(MyMar)}
                 demo.onmouseout
    =function() {MyMar=setInterval(Marquee,speed)}
    </script>
  • 相关阅读:
    easyui属性表格的一点小总结
    我是程序员:国庆带女朋友回家见父母
    我睁着朦胧呆滞的双眼立在初秋的夜里
    iframe父子兄弟之间调用传值(contentWindow && parent)
    向前兼容和向后兼容的含义
    char 与 String 相等比较
    2012国庆12天的长假
    JavaScript遍历XML总结
    Spring3.x企业应用开发实战Spring+Hibernat架构分析
    w3school上系统过了一遍Jquery的总结
  • 原文地址:https://www.cnblogs.com/ac1985482/p/1487582.html
Copyright © 2011-2022 走看看