国产免费又爽又刺激在线观看,免费一级毛片在线播放放视频,最近日本免费观看高清视频,亚洲无码视频观看

<ruby id="cmmwe"></ruby>

  • <var id="cmmwe"></var>
    
<b id="cmmwe"></b>
    <source id="cmmwe"><track id="cmmwe"><ins id="cmmwe"></ins></track></source>
      

        4. 



        
    
        
        
        
             0712-2888027
             189-8648-0214
        
        
        
        
        
            微信公眾號(hào)
            
        
                
                
        孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)
        
            
        
        
        
    
        

        


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

        
實(shí)現(xiàn)拖動(dòng)效果.

        
	
        
		
          
			
        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還可以指定可拖動(dòng)的區(qū)域，比如只能通過(guò)標(biāo)題拖動(dòng)整個(gè)div，我們JS可以這樣寫

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

        
一個(gè)setHandler搞定,不錯(cuò)開源是個(gè)好東西，Jquery更是好東西，插件擴(kuò)展機(jī)制不是一般的好。
                    
        
                    
                
        
                
            
        
            
            
        
                
        您可能感興趣的相關(guān)文章：
        
                
            
        
        
        
        
        
        
            
        
                
        欄目列表
        
                
        
                    
                
        
            
        
            
        
                
        推薦內(nèi)容
        
                
        
                    
                
        
            
        
            
        
                
        熱點(diǎn)內(nèi)容
        
                
        
                    
                
        
            
        
        
        
    
        



        
    
        
        展開