數據加載中……
          
    
          
        
					
	
          
		
          
			[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)  編輯  收藏  
		
          
	
          
	
	


	


          
	    
    




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
    
          
    

          

	

    







          
        
	




主站蜘蛛池模板：
商水县|
水城县|
宜都市|
屯门区|
道孚县|
惠东县|
正镶白旗|
循化|
彩票|
佛冈县|
洛阳市|
台山市|
固原市|
根河市|
金平|
广灵县|
张家港市|
黄浦区|
将乐县|
西丰县|
安国市|
清水县|
新和县|
宝兴县|
遂川县|
土默特右旗|
潜山县|
密云县|
泌阳县|
宜兰县|
溧阳市|
赫章县|
富阳市|
江安县|
体育|
阳高县|
永吉县|
霍邱县|
缙云县|
利川市|
长垣县|