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

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

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

    
    

    




    







												


        

    
	

    
	
    
		
    
			
				
    三分自留地
    
				
    Follow your heart
    
			    		
		
    
	
    

    

    
	
    
		
    
			
				
 
BlogJava ::
首頁 ::
聯系 ::
聚合
 ::
管理

			
			
			
				

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

			    		
		
    
	
    

    


    

    
	
    
	
					

    
			
	
	
    
		

    1、先發效果圖   





























    2、上頁面
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <title>Back to To TEST</title>
    <LINK rel=stylesheet type=text/css href="css/lrtk.css">
    <script src="js/jquery.js"></script>
    <script type="text/javascript">
    $(function()     {
        $(window).scroll(function()     {
                if($(this).scrollTop() != 0) {
                $(    '#toTop').fadeIn();    
            }     else {
                $(    '#toTop').fadeOut();
            }
        }    );
     
        $(    '#toTop').click(function() {
            $(    'body,html').animate({scrollTop:0},2000);
                return false;//返回false可以避免在原鏈接后加上# 
        }    );    
    }    );
    </script>
    </head>
    <body>
    <div style="DISPLAY: none" id="toTop"><IMG border=0 src="images/top.gif"></div>


    <div id="main" style="width:1000px;padding-top:200px;height:2000px;background:#eee; margin:0 auto;text-align:center">
          <h1>請滾動右側滾動條查看效果</h1>
    </div>

    </body>
    </html>



    3、CSS 代碼
    #toTop {
     POSITION: fixed; 
     TEXT    -ALIGN: center;
     LINE    -HEIGHT: 30px; 
     WIDTH: 60px; 
     BOTTOM: 65px; 
     HEIGHT: 63px; 
     FONT    -SIZE: 12px;
     CURSOR: pointer; 
     RIGHT: 30px; 
     _position: absolute;
     _right: auto
    }


    示例地址：/Files/ityouknow/back_top.zip





     
 
 
  
	
    
	
	
    
		posted on 2013-01-22 21:44 大山 閱讀(192) 評論(1)  編輯  收藏  
	
    

    







    
	    
    


    
	
    Feedback
    
		
		
				
    			
					
    
						# re: jquery 控制返回頂部
						
								2013-01-23 17:56
						
						carlit
					
    
					
    
						@免費網絡記事本

    不好意思，才剛研究呢。  回復  更多評論
						
    
						  
					
    
				
    
				
    
			

    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    

    




    







    
        
	



主站蜘蛛池模板：
亚洲AV电影院在线观看|
蜜臀AV免费一区二区三区|
成在线人永久免费视频播放|
亚洲国产综合自在线另类|
亚洲国产精品高清久久久|
中文字幕高清免费不卡视频|
国产成人99久久亚洲综合精品|
美女黄色毛片免费看|
亚洲国产婷婷综合在线精品|
日韩电影免费在线观看网址|
成人免费视频69|
久久亚洲最大成人网4438|
最近中文字幕免费mv视频8|
久久精品夜色国产亚洲av|
免费看又黄又无码的网站|
亚洲成年人电影网站|
久久这里只有精品国产免费10|
亚洲国产精品久久久久久|
最近2019免费中文字幕视频三|
亚洲av日韩av无码av|
国产成人精品免费视频大全五级|
九一在线完整视频免费观看|
亚洲无码在线播放|
最近免费中文字幕大全免费|
亚洲视频无码高清在线|
亚洲高清国产拍精品青青草原|
国产一级高青免费|
亚洲一级在线观看|
mm1313亚洲国产精品美女|
亚洲av无码av在线播放|
中文字幕在亚洲第一在线|
99免费视频观看|
久久亚洲AV成人无码国产最大|
亚洲午夜国产精品无码老牛影视|
中文字幕无码免费久久99|
日本激情猛烈在线看免费观看|
亚洲国产综合专区在线电影|
国内精品免费视频自在线|
黄网站色视频免费在线观看的a站最新
|
无码日韩精品一区二区三区免费|
亚洲ts人妖网站|