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

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

    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    

    




    







    
        
	



主站蜘蛛池模板：
亚洲成_人网站图片|
亚洲a视频在线观看|
久久久久亚洲AV无码去区首|
成人AV免费网址在线观看|
亚洲嫩草影院在线观看|
国产又大又粗又长免费视频|
亚洲欧洲日产韩国在线|
18禁无遮挡无码网站免费|
亚洲一卡一卡二新区无人区|
日韩精品视频免费网址|
亚洲hairy多毛pics大全|
国产成人精品男人免费|
免费无遮挡无遮羞在线看
|
国产一区二区三区免费观在线|
亚洲国产专区一区|
CAOPORN国产精品免费视频|
亚洲欧洲成人精品香蕉网|
免费在线看黄的网站|
亚洲色图古典武侠|
好大好深好猛好爽视频免费|
阿v视频免费在线观看|
亚洲综合在线另类色区奇米|
亚洲黄色免费在线观看|
亚洲日本在线电影|
亚洲精品国产精品乱码不卞|
免费人成视频在线观看网站|
亚洲一区二区三区国产精品无码
|
久久精品国产精品亚洲下载|
久草视频在线免费看|
亚洲六月丁香婷婷综合|
亚洲AV无码乱码在线观看牲色|
亚洲午夜免费视频|
日韩国产精品亚洲а∨天堂免|
亚洲愉拍99热成人精品热久久|
亚洲免费福利视频|
黄网站在线播放视频免费观看|
久久精品国产亚洲AV麻豆网站|
国产免费黄色大片|
69影院毛片免费观看视频在线
|
免费人成无码大片在线观看|
久别的草原电视剧免费观看|