js实现一个区域内滚动效果

最新推荐文章于 2024-02-18 09:54:40 发布

暖暖小时光

最新推荐文章于 2024-02-18 09:54:40 发布

阅读量987

点赞数 1

分类专栏： jquery

原文链接：https://www.cnblogs.com/xiaofengfeng/archive/2012/07/15/2592236.html

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
 <head></head>
 <body>
 <form id="form1">
 <DIV id=demo style="OVERFLOW: hidden; WIDTH: 230px; HEIGHT: 150px">
     <DIV id=demo1>
          <table width="237" border="0" cellspacing="0" cellpadding="0">
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
          </table>
     </DIV>
     <DIV id=demo2></DIV>
 <SCRIPT type="text/javascript">
 var speed=30
 demo2.innerHTML=demo1.innerHTML
 function Marquee(){
 if(demo2.offsetTop-demo.scrollTop<=0)
 demo.scrollTop-=demo1.offsetHeight
 else{
 demo.scrollTop++
 }
 }
 var MyMar=setInterval(Marquee,speed)
 demo.onmouseover=function() {clearInterval(MyMar)}
 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
 </SCRIPT>
 
</DIV>
 </form>
 </body>
 </html>

暖暖小时光

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现一个区域内滚动效果

<html> <head></head> <body> <form id="form1"> <DIV id=demo style="OVERFLOW: hidden; WIDTH: 230px; HEIGHT: 150px"> <DIV id=demo1> <table...
复制链接

扫一扫

专栏目录