精品人人槡人妻人人槡,无码午夜国产视频,日韩精品无码有码视频,国产成人精品日本亚洲成熟

<var id="lf53i"><track id="lf53i"><ins id="lf53i"></ins></track></var>

    •  <rp id="lf53i"></rp>
    <var id="lf53i"><track id="lf53i"><ins id="lf53i"></ins></track></var>

    <video id="lf53i"></video>
    <b id="lf53i"><acronym id="lf53i"></acronym></b>
      2. 



        
    
        
        
        
             0712-2888027
             189-8648-0214
        
        
        
        
        
            微信公眾號
            
        
                
                
        孝感風信網絡科技有限公司微信公眾號
        
            
        
        
        
    
        

        


    
        
        
        
            當前位置：主頁 >
                                    技術支持 >
                                Javascript/JQuery >
                jQuery插件EasyDrag輕松實現(xiàn)彈出框任意拖動效果
            
            
				
        
					
					
				
        
			        
        
        
        
        
        
            
        
                
        
                    
        jQuery插件EasyDrag輕松實現(xiàn)彈出框任意拖動效果
        
                
        
                
        
                    時間：2017-03-23來源：風信官網  點擊：  929次
                
        
                
        
                    
        
                        一個優(yōu)秀的Jquery插件EasyDrag，只需要一行代碼便可輕松在主流瀏覽器上
        

        
實現(xiàn)拖動效果.

        
	
        
		
          
			
        1. 
				  $(document).ready( function()
          2. 
			
        2. 
				      {
          3. 
			
        3. 
				        $("#divPanel").easydrag();
          4. 
			
        4. 
				      }
          5. 
			
        5. 
				    );
          6. 
		
        
	
        

        
Html 代碼

        
	
        
		
          
			
        1. 
				  <div id="divPanel" style="width:300px;height:300px;background:white;border:1px solid #000000;position:absolute;left:5px;top:50px" >
          2. 
			
        2. 
				        <div id="divTitle" style="width:100%;height:25px;background:lavender">
          3. 
			
        3. 
				            Title
          4. 
			
        4. 
				        </div>
          5. 
			
        5. 
				        <div style="width:100%">
          6. 
			
        6. 
				           
          7. 
			
        7. 
				        </div>
          8. 
			
        8. 
				    </div>
          9. 
		
        
	
        

        
EasyDrag還可以指定可拖動的區(qū)域，比如只能通過標題拖動整個div，我們JS可以這樣寫

        
	
        
		
          
			
        1. 
				    $(document).ready ( function()
          2. 
			
        2. 
				            {
          3. 
			
        3. 
				                $("#divPanel").easydrag();
          4. 
			
        4. 
				           
          5. 
			
        5. 
				                $("#divPanel").setHandler("divTitle");
          6. 
			
        6. 
				            }
          7. 
			
        7. 
				        );
          8. 
		
        
	
        

        
一個setHandler搞定,不錯開源是個好東西，Jquery更是好東西，插件擴展機制不是一般的好。
                    
        
                    
                
        
                
            
        
            
            
        
        
        
        
        
            
        
                
        欄目列表
        
                
        
                    
                
        
            
        
            
        
                
        推薦內容
        
                
        
                    
                
        
            
        
            
        
                
        熱點內容
        
                
        
                    
                
        
            
        
        
        
    
        



        
    
        
        展開