<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 大山 閱讀(195) 評論(1)  編輯  收藏  
	
    

    







    
	    
    


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

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

    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    

    




    







    
        
	



主站蜘蛛池模板：
久久亚洲AV成人无码软件|
国产亚洲色婷婷久久99精品|
色偷偷亚洲女人天堂观看欧|
在免费jizzjizz在线播|
亚洲综合激情九月婷婷|
免费A级毛片无码A∨免费|
亚洲视频在线观看不卡|
久久www免费人成看片|
亚洲区精品久久一区二区三区|
国产精品久久免费|
亚洲情A成黄在线观看动漫软件|
日本免费网址大全在线观看|
亚洲 欧洲 自拍 另类 校园|
日本不卡免费新一二三区|
美女一级毛片免费观看|
综合久久久久久中文字幕亚洲国产国产综合一区首
|
特级做a爰片毛片免费看|
五月婷婷亚洲综合|
美女被免费网站91色|
亚洲国产精品视频|
你懂得的在线观看免费视频|
亚洲大尺度无码专区尤物|
久久精品无码专区免费东京热|
亚洲人成在线免费观看|
国产精品色午夜视频免费看|
亚洲黄片手机免费观看|
亚洲AV无码1区2区久久|
国产三级在线观看免费|
特级毛片在线大全免费播放|
亚洲av无码片在线播放|
日韩一区二区a片免费观看|
老司机午夜性生免费福利
|
无码国产精品一区二区免费|
亚洲AV噜噜一区二区三区|
色久悠悠婷婷综合在线亚洲|
一区二区三区观看免费中文视频在线播放
|
国产成人综合久久精品免费|
一个人免费观看视频在线中文|
亚洲熟妇无码AV在线播放|
免费看黄视频网站|
一区二区免费国产在线观看
|