js循環滾動新聞，最簡潔版 
		
          
		
          

          <script type="text/javascript">    
          //滾動信息
          window.onload=function(){marquee('roll_box','roll_content','roll_temp','40'); }
          function marquee(id,id1,id2,speed)          {    
              var obj          =document.getElementById(id);
              var obj1          =document.getElementById(id1);
              var obj2          =document.getElementById(id2);
              obj2.innerHTML          =obj1.innerHTML;
              function scrolly()          {if(obj.scrollTop>=obj1.offsetHeight){obj.scrollTop=0;}else{obj.scrollTop++;}}
          //function scrolly(){if(obj.scrollTop>=obj1.offsetHeight){obj1.offsetHeight-=obj.scrollTop;}else{obj.scrollTop++;}}

              var rollTime          =setInterval(scrolly,speed);
              obj.onmouseover          =function(){clearInterval(rollTime);}
              obj.onmouseout          =function(){rollTime=setInterval(scrolly,speed);}
          }           
          </script>


          <div id="roll_box" style="height:200px;overflow:hidden;"><div id="roll_content">
              
                        <!--滾動內容start-->
                        <li><a href="/index.php/news/show/id/10782" target="_blank">福格森®孕婦維D3鈣片成功獲得國食健</a><span></span></li>
                        <li><a href="/index.php/news/show/id/10781" target="_blank">我公司喜獲湖北省著名商標</a><span></span></li>
                        <li><a href="/index.php/news/show/id/10780" target="_blank">喜訊：我公司已被評為“2010年度湖</a><span></span></li>
                        <li><a href="/index.php/news/show/id/10779" target="_blank">我公司參加華人華創創業發展洽談會展會</a></li>
                        <li><a href="/index.php/news/show/id/10775" target="_blank">出生缺陷診斷防治進展高級培訓班在鄭州</a></li>
                        <li><a href="/index.php/news/show/id/10774" target="_blank">敬告各位朋友：福格森免費400882</a></li>
                        <li><a href="/index.php/news/show/id/10743" target="_blank">“福格森”愛心奉獻滕州市病殘兒家庭</a></li>
                        <li><a href="/index.php/news/show/id/10742" target="_blank">福格森熱烈祝賀湖北省計劃生育服務交流</a></li>
                        <li><a href="/index.php/news/show/id/10740" target="_blank">預防出生缺陷 全社會的責任-----</a></li>
                        <li><a href="/index.php/news/show/id/10737" target="_blank">濟南日報：歷城筑牢三道防線攔截出生缺</a></li>  
                        <!--滾動內容end-->                      
              
          </div><div id="roll_temp"></div>
          </div>
          
		
          
			posted on 2012-11-27 13:48 youngturk 閱讀(4278) 評論(2)  編輯  收藏  所屬分類: JSP隨筆 、HTML 、JS , DHTML 
		
          
	
          
	
	


	


          
	    
    


          

          評論
          
	
	
			
          
				# re: js循環滾動新聞，最簡潔版 
					
						2014-05-23 19:27
					
				qzblog
			
          
			
          
				你給li設置margin:10px 0,就不是無縫滾動了，親  回復  更多評論
				  
			
          
		
			
          
				# re: js循環滾動新聞，最簡潔版 [未登錄]
					
						2014-06-04 20:54
					
				111
			
          
			
          
				請求權額  請求權額  請求權額  請求權額  請求權額  請求權額  請求權額
          請求權額  請求權額  請求權額  請求權額  請求權額  請求權額  請求權額 請求權額  請求權額  請求權額  請求權額  請求權額  請求權額  請求權額 請求權額  請求權額  請求權額  請求權額  請求權額  請求權額  請求權額 請求權額  請求權額  請求權額  請求權額  請求權額  請求權額  請求權額 請求權額  請求權額  請求權額  請求權額  請求權額  請求權額  請求權額 請求權額  請求權額  請求權額  請求權額  請求權額  請求權額  請求權額     回復  更多評論
				  
			
          
		

          




          








          

				
				

			
          
			
          
				
					
          
	
          
		
          <2012年11月>
          
	
          日一二三四五六
          28293031123
          45678910
          11121314151617
          18192021222324
          2526272829301
          2345678
          

          

					

          導航
          

					

          統計
          
	
					

          公告
          
	
          this year :
          1 jQuery
          2 freemarker
          3 框架結構
          4 口語英語
          

					

          常用鏈接
          


          留言簿(6)
          


		
          隨筆分類
          
		
				
			
	
		
          隨筆檔案
          
		
				
			
	
		
          文章分類
          
		
				
			
	
		
          文章檔案
          
		
				
			
	
		
          相冊
          
		
				
			
	
		
          EJB學習
          
		
				
			
	
		
          Flex學習
          
		
				
			
	
		
          learn English
          
		
				
			
	
		
          oracle
          
		
				
			
	
		
          spring MVC web service
          
		
				
			
	
		
          SQL
          
		
				
			
	
		
          Struts
          
		
				
			
	
		
          生活保健
          
		
				
			
	
		
          解析文件
          
		
				
			
	



          搜索
          



          最新評論
	
          



          閱讀排行榜
          



          評論排行榜
          


				
			
          
			
			
			
			
			 

	

    







          
        
	




主站蜘蛛池模板：
杭锦后旗|
宣恩县|
岐山县|
通化市|
凉城县|
清流县|
兰考县|
葫芦岛市|
探索|
轮台县|
淄博市|
南华县|
沙河市|
长岛县|
中江县|
荔波县|
永登县|
交口县|
七台河市|
无锡市|
普兰店市|
阜阳市|
崇文区|
同德县|
垫江县|
邛崃市|
闽侯县|
平定县|
县级市|
乐昌市|
怀远县|
当雄县|
湘潭县|
涿鹿县|
德州市|
大化|
莲花县|
望谟县|
阜康市|
泰和县|
嘉禾县|