使用JavaScript怎么实现一个列表自动滚动效果

使用JavaScript怎么实现一个列表自动滚动效果?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

创新互联建站是一家集网站建设,湘阴企业网站建设,湘阴品牌网站建设,网站定制,湘阴网站建设报价,网络营销,网络优化,湘阴网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

具体如下:




  
  Title
  
    #box{width:260px;height:100px;margin:0 auto;border:2px solid red;overflow: hidden}
    ul{padding:0;margin:0;list-style: none;overflow: hidden}
    ul li{height:24px;line-height: 24px;padding-left:10px;}
    a{text-decoration: none;color:#000;}
    a:hover{color:#f00}
  



  
    
  • 1,课程html 
  •     
  • 2,课程css 
  •     
  • 3,课程js 
  •     
  • 4,课程jquery 
  •     
  • 5,课程html5 
  •     
  • 6,课程css3 
  •     
  • 7,课程hp 
  •     
  • 8,课程bpootstrap 
  •     
  • 9,课程apicloud 
  •      
      var box=document.getElementById("box");   var con1=document.getElementById("con1");   var con2=document.getElementById("con2");   var s=document.getElementsByTagName("a");   var speed=50;   con2.innerHTML=con1.innerHTML;   function ScrollUp(){     if( box.scrollTop>=con1.scrollHeight){       box.scrollTop=0;     }else       box.scrollTop++;   }   var i=setInterval("ScrollUp()",speed);   function Stop(){     clearInterval(i);   }   function Up(){     i=setInterval("ScrollUp()",speed);   }

    看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


    本文名称:使用JavaScript怎么实现一个列表自动滚动效果
    URL分享:http://cdiso.cn/article/igodcs.html

    其他资讯