數據加載中……
          
    
          
        
					
	
          
		
          
			[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 閱讀(443) 評論(0)  編輯  收藏  
		
          
	
          
	
	


	


          
	    
    




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
    
          
    

          

	

    







          
        
	




主站蜘蛛池模板：
鄢陵县|
潜山县|
墨江|
泸水县|
辰溪县|
林口县|
禹州市|
静宁县|
绥中县|
象州县|
永吉县|
义乌市|
彭山县|
大姚县|
寻甸|
广西|
浮山县|
泽州县|
大厂|
宾川县|
社会|
中方县|
台山市|
陈巴尔虎旗|
西峡县|
四会市|
江源县|
新闻|
武鸣县|
宽城|
商河县|
师宗县|
温州市|
南溪县|
河曲县|
耒阳市|
鄯善县|
龙泉市|
德州市|
毕节市|
柏乡县|