<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)  編輯  收藏  
	
    

    







    
	    
    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    



    







    
        
	



主站蜘蛛池模板：
国产高清在线精品免费软件|
免费看国产一级片|
亚洲日韩一区精品射精|
全亚洲最新黄色特级网站
|
亚在线观看免费视频入口|
亚洲午夜国产精品|
免费又黄又爽的视频|
国产精品免费看久久久|
亚洲永久网址在线观看|
亚洲色婷婷一区二区三区|
免费观看黄色的网站|
国产一卡二卡四卡免费|
朝桐光亚洲专区在线中文字幕|
亚洲线精品一区二区三区影音先锋|
最好看的中文字幕2019免费|
亚洲精品伦理熟女国产一区二区|
国产亚洲精品资在线|
特级做A爰片毛片免费69|
成人毛片100免费观看|
中文字幕无码亚洲欧洲日韩|
中文字幕第13亚洲另类|
午夜两性色视频免费网站|
精品一区二区三区免费|
美女又黄又免费的视频|
亚洲午夜国产精品|
亚洲成熟xxxxx电影|
四虎永久在线精品免费观看地址
|
99久久99久久免费精品小说|
亚洲精品色在线网站|
国产一区二区三区免费|
亚洲成a人无码亚洲成av无码|
亚洲av日韩av激情亚洲|
亚洲精品亚洲人成在线观看下载|
91在线视频免费91|
最新国产乱人伦偷精品免费网站|
在线观看亚洲专区|
亚洲中文精品久久久久久不卡|
久久亚洲精品无码VA大香大香|
国产精品亚洲不卡一区二区三区|
免费黄色毛片视频|
91免费精品国自产拍在线不卡|