<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	

    
	
    
		
    
			
                
    美好的一天從javame開始！
    
				
    javame----書寫你我的明天！
    
			    		
		
    
	
    

    

    
	
    
		
    
		    
		        
		        BlogJava
首頁
新隨筆
聯系
聚合

管理

			
			
				

    
	
    
		
    
			
			
			
				 
				4 
				Posts ::
				0 Stories
				::
				1 Comments
				::
				0 Trackbacks
			
		
    
	
    

    

			    		
		
    
	
    

    


    



    
	
					

    
	
	
	
    
		
     
    

    滾動方法大全

    一、我認為比較好用的一個方法
    <table>
    <tr>
    <td>
    <div id=DIV1 style=overflow:hidden;height:40px>
    <div id=DIV2>
            <table>
                  <tr><td>
                           //插入你要滾動的內容1
            </td></tr>
              <tr><td>
                           //插入你要滾動的內容2
                    </td></tr>
                  </table>
            </div>
    <div id=DIV3>
    </div>
    <script type="text/javascript">
        var speed    =60;       //設置速度
        var FGDemo=document.getElementById('DIV1');
        var FGDemo1    =document.getElementById('DIV2');     //定義三個層的轉換
        var FGDemo2=document.getElementById('DIV3');
        FGDemo2.innerHTML    =FGDemo1.innerHTML
        function Marquee1()    {
            if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)
        FGDemo.scrollTop    -=FGDemo1.offsetHeight
            else{
        FGDemo.scrollTop    ++
        }
        }
        var MyMar1    =setInterval(Marquee1,speed)
        FGDemo.onmouseover    =function() {clearInterval(MyMar1)}
        FGDemo.onmouseout    =function() {MyMar1=setInterval(Marquee1,speed)}
    </script> </div>
    </td>
    </tr>
    </table>

    二、最簡單的一個方法

    <table><tr><td>
    <div id=demo style=overflow:hidden;height:40px>   //設置滾動的方向和滾動的高度
    <div id=demo1>
             <table>
              <tr><td>
                           //插入你要滾動的內容1
            </td></tr>
              <tr><td>
                           //插入你要滾動的內容2
                    </td></tr>              
                </table>
    </div>
    <div id=demo2>
    </div>
    <script>
    var t    =demo.scrollTop
    demo2.innerText    =demo1.innerText
    function qswhMarquee()    {
    if(demo2.offsetTop-demo.scrollTop<=0)
    demo.scrollTop    -=demo1.offsetHeight
    else
    demo.scrollTop     = demo.scrollTop +1 //1表示一次移動的象素
    }
    setInterval(qswhMarquee,    100)//100 表示 滾動的時間
    </script></div>
    </td></tr></table>

    以上兩個方法在同一頁面可以使用多次。但是每次寫方法的時候必須將變量名和DIV的名字做相應的改變。
    否則會相互干擾。以致其中的一些不能達到效果下面這個方法在同一頁面里好象只能用一次。我試過幾次都沒有能成功

    三、比較適合圖片的滾動。可能比較長


         <TABLE>
          <TR>
           <TD >
             <DIV id=roll_layer2 style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 20px" align=center></DIV>
                <DIV id=topic style="DISPLAY: none">
                   <table>
                        //插入滾動內容
                </table>
                 </DIV>
                 <DIV id=topic style="DISPLAY: none">
                <table>    
                                 //插入第二版顯示的內容
                     </table>          
              </DIV>
    <SCRIPT language=JavaScript>
    <!--
    var speed2    =20;
    var offset2    = 5;
    var delay2    =500;     //滾動速度設置

    var cur2     = 0;

    var roll_interval2;
    var pasue_timeout2;


    function roll2()    {
        now_pos2     = roll_layer2.scrollTop;
        roll_layer2.scrollTop    +=offset2;
            if (now_pos2==roll_layer2.scrollTop){
            pasue2(    'stop');
        }
    }
    function stop_roll2()    {
        window.clearInterval(roll_interval2);
    }
    function start_roll2()    {
        roll_layer2.scrollTop     = 0;
        roll_interval2     = window.setInterval('roll2()',speed2);
    }
    function text_switch2()    {
        roll_layer2.innerHTML    =topic[cur2].innerHTML;
            if (++cur2==topic.length){
            cur2    =0;
        }
        roll_layer2.innerHTML    +=topic[cur2].innerHTML;
    }
    function pasue2(act)    {
            if (act=='stop'){
            stop_roll2();
            pasue2(    'timeout');
        }    else if(act=='timeout'){
            pasue_timeout2     = window.setTimeout("pasue2('switch');",delay2);
        }    else if(act=='switch'){
            text_switch2();
            start_roll2();
        }
    }
    function start2()    {
        text_switch2();
        cur2    =0;
        pasue2(    "timeout");
    }
    start2();
    //-->
                </SCRIPT>
                              </TD></TR></TABLE>
    這個用起來比較麻煩。可能是代碼比較長的緣故。但是如果是圖片滾動用起來效果可能比較好。
    

    要看效果,可以將以上代碼全部復制,在桌面新建記事本.將所有代碼粘帖進去.然后另存為以html格式保存..然后打開就可以看效果了! 

	
    
	
	
    
		posted on 2007-08-16 12:16 齊函 閱讀(261) 評論(0)  編輯  收藏  
	
    

    







    
	    
    




    





    


    

	
    
		
    
				
		
	
		
    
		
		
    只有注冊用戶登錄后才能發表評論。
    
		
    
			
		
    
			
		
    
		
		
    
		


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    



    







    
        
	



主站蜘蛛池模板：
亚洲中文字幕无码一区|
日本特黄a级高清免费大片|
亚洲精品WWW久久久久久|
亚洲jizzjizz少妇|
免费精品一区二区三区在线观看|
亚洲av成人一区二区三区|
色影音免费色资源|
亚洲jizzjizz在线播放久|
一个人免费观看www视频在线|
国产精品亚洲精品|
女人让男人免费桶爽30分钟|
亚洲熟妇无码AV不卡在线播放
|
黄色三级三级三级免费看|
国产精品深夜福利免费观看|
理论片在线观看免费|
亚洲精品第一国产综合精品99|
91成人免费福利网站在线|
日本亚洲视频在线|
日韩精品无码免费一区二区三区
|
亚洲中字慕日产2021|
成人激情免费视频|
日本一区二区在线免费观看
|
亚洲人xxx日本人18|
国产高清在线免费|
一区二区在线视频免费观看|
亚洲av无码片在线播放|
91免费国产在线观看|
亚洲av永久无码精品秋霞电影秋|
亚洲真人日本在线|
**一级毛片免费完整视|
国产青草亚洲香蕉精品久久|
亚洲综合图色40p|
69天堂人成无码麻豆免费视频|
亚洲乱码av中文一区二区|
免费女人18毛片a级毛片视频|
国产精品免费福利久久|
国产成人精品日本亚洲专一区|
无码欧精品亚洲日韩一区夜夜嗨
|
免费真实播放国产乱子伦|
色播在线永久免费视频网站|
亚洲中文字幕无码av在线|