<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
					
    
					
    
						@免費網絡記事本

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

    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    

    




    







    
        
	



主站蜘蛛池模板：
国产精品久久久久久亚洲影视|
亚洲一区二区三区无码影院|
中文精品人人永久免费|
久久久国产亚洲精品|
亚洲一区二区三区电影|
成人亚洲性情网站WWW在线观看|
妞干网免费视频在线观看|
亚洲免费观看在线视频|
久爱免费观看在线网站|
caoporn成人免费公开|
337P日本欧洲亚洲大胆艺术图
|
在线观看免费视频一区|
人人鲁免费播放视频人人香蕉|
亚洲色成人WWW永久在线观看|
亚洲国产美女福利直播秀一区二区
|
亚洲AV区无码字幕中文色
|
a毛片在线免费观看|
亚洲黄片手机免费观看|
牛牛在线精品观看免费正|
精品国产日韩亚洲一区在线|
伊人久久五月丁香综合中文亚洲|
亚洲黄色免费网站|
亚洲国产天堂久久综合网站
|
一级毛片不卡片免费观看|
中文字幕永久免费|
国产成人1024精品免费|
一级免费黄色毛片|
亚洲国产一区在线|
亚洲精品无码不卡|
久久亚洲AV成人无码软件|
亚洲视频中文字幕在线|
亚洲精品在线播放|
91亚洲自偷在线观看国产馆|
亚洲综合综合在线|
亚洲最大成人网色香蕉|
久久综合久久综合亚洲|
亚洲日本中文字幕天天更新|
亚洲AV无码专区在线观看成人|
亚洲精品无码高潮喷水A片软|
亚洲风情亚Aⅴ在线发布|
精品一区二区三区免费毛片|