數據加載中……
          
    
          
        
					
	
          
		
          
			[jQuery]animate(滑塊滑動)
		
          
		
          html
          

          <p><a href="#" class="run">Run</a></p>
          
          <div id="box">
          
          </div>
          
css

          <style type="text/css">
          
body           {}{
          
    margin          : 20px auto;
          
    padding          : 0;
          
    width          : 580px;
          
    font          : 80%/120% Arial, Helvetica, sans-serif;
          
          }
          
a           {}{
          
    font-weight          : bold;
          
    color          : #000000;
          
          }
          
#box           {}{
          
    background          : #6699FF;
          
    height          : 100px;
          
    width          : 100px;
          
    position          : relative;
          
          }
          
</style>
          

          

          
jquery
          

           1$(document).ready(function(){
          
           2    $(".run").click(function(){
          
           3    
          
           4        $("#box").animate({opacity: "0.1", left: "+=400"}, 1200)
          
           5        .animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")
          
           6        .animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")
          
           7        .animate({top: "0"}, "fast")
          
           8        .slideUp()
          
           9        .slideDown("slow")
          
          10        return false;
          
          11    
          
          12    }          );
          
          13}          );
          

          

          
		
          
			posted on 2009-10-13 18:01 R99 閱讀(442) 評論(0)  編輯  收藏  
		
          
	
          
	
	


	


          
	    
    




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
    
          
    

          

	

    







          
        
	




主站蜘蛛池模板：
平舆县|
镇江市|
新源县|
平阴县|
江陵县|
沁源县|
离岛区|
垦利县|
工布江达县|
永福县|
南郑县|
灌云县|
苍山县|
岚皋县|
丹巴县|
改则县|
和硕县|
交口县|
兴隆县|
高淳县|
福海县|
双柏县|
荣成市|
伊金霍洛旗|
泸溪县|
陵川县|
江北区|
伊川县|
江城|
钟山县|
宜兴市|
巴塘县|
都安|
湘乡市|
曲沃县|
娄底市|
韩城市|
伊吾县|
石家庄市|
汤阴县|
万宁市|