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


	


          
	    
    




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
    
          
    

          

	

    







          
        
	




主站蜘蛛池模板：
离岛区|
霍州市|
宁都县|
方山县|
拜城县|
进贤县|
玛曲县|
江西省|
镇平县|
白山市|
淳安县|
简阳市|
乌兰察布市|
和平县|
西宁市|
望谟县|
彭泽县|
固阳县|
绵竹市|
衡山县|
双辽市|
和田市|
青岛市|
搜索|
甘洛县|
石楼县|
天柱县|
三亚市|
哈密市|
茌平县|
乡城县|
莫力|
武夷山市|
汉源县|
淳化县|
定安县|
康定县|
柳州市|
广汉市|
衡阳县|
防城港市|