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 閱讀(4285) 評論(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
          
		
				
			
	
		
          生活保健
          
		
				
			
	
		
          解析文件
          
		
				
			
	



          搜索
          



          最新評論
	
          



          閱讀排行榜
          



          評論排行榜
          


				
			
          
			
			
			
			
			 

	

    







          
        
	




主站蜘蛛池模板：
张家口市|
南通市|
重庆市|
格尔木市|
黔西|
长岭县|
章丘市|
健康|
贡觉县|
阿尔山市|
铜梁县|
合阳县|
无为县|
重庆市|
类乌齐县|
舒城县|
宜丰县|
阳谷县|
望江县|
牟定县|
韩城市|
博客|
从江县|
德保县|
鸡西市|
寻甸|
获嘉县|
乌拉特中旗|
邢台市|
苍溪县|
鹰潭市|
体育|
监利县|
乌恰县|
岚皋县|
九龙城区|
永新县|
河池市|
城固县|
张家川|
邹平县|