新闻循环

最新推荐文章于 2020-01-03 08:25:16 发布

原创最新推荐文章于 2020-01-03 08:25:16 发布 · 648 阅读

0 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

29 篇文章

订阅专栏

<html>
<head>
	<title>书讯快递</title>
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
   <meta name="author" content="" />
   <meta name="keywords" content="" />
   <meta name="description" content="" />
   <style type="text/css">
      body{
         margin: 0;
         padding: 0;
         font-size: 15px;
      }
      #dome{
         margin: 0 auto;
         padding: 0;
         margin-top: 30px;
         width: 200px;
         height: 220px;
         /*border:1px solid green;*/
         overflow:hidden; /*溢出属性*/
      }
      #dome ul{
         margin: 0;
         padding: 1px;
         list-style: none;
      }

   </style>
  
   <script type="text/javascript">
      //全局变量
      var timer;
      var dome;
      //匿名函数初始化
      window.onload = function(){
      //获取三个dome
      dome = document.getElementById("dome");
      var dome1 = document.getElementById("dome1");
      var dome2 = document.getElementById("dome2");
      //将dome的高都赋值给dome1 dome2
      dome1.style.height = dome.offsetHeight+"px";
      dome2.style.height = dome.offsetHeight+"px";
      //将dome1的内容赋值给dome2
      dome2.innerHTML = dome1.innerHTML;
      //启动定时器进行执行 滚动scrollTop
      timer = window.setInterval("start()",50);
      //鼠标按上去就会停止 移开就进行
      dome.onmouseover = function(){
        window.clearInterval(timer);
      }
      dome.onmouseout = function(){
       timer = window.setInterval("start()",50);
      }
      
      }

      function start(){
       
       if(dome.scrollTop==dome.offsetHeight){
           dome.scrollTop = 0;
       }else{
           dome.scrollTop++;
       }

      }

   </script>
</head>
<body >
   <div id="dome">
     <div id="dome1">
       <ul>
         <li><font color="red">2010考研英语大纲到货75折...</font></li>
         <li>权威定本四大名著（人民文...</li>
         <li>口述历史权威唐德刚先生国...</li>
         <li>袁伟民与体坛风云：实话实...</li>
         <li>我们台湾这些年：轰动两岸...</li>
         <li>畅销教辅推荐：精品套书50...</li>
         <li>2010版法律硕士联考大纲75...</li>
         <li>计算机新书畅销书75折抢购</li>
         <li>2009年孩子最喜欢的书>></li>
         <li>弗洛伊德作品精选集59折</li>
       </ul>
     </div>
     <div id="dome2"></div>
   </div>
</body>
</html>