亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 建站經驗 > 正文

jQuery拖拽div實現

2024-04-25 20:30:58
字體：大 中 小
來源：轉載
供稿：網友

思路是利用jquery的mousemove，mousedown，mouseup三個事件，定義兩個相對位置，分別是

1、組件左上角與屏幕左上角的相對位置

2、鼠標所在坐標與組件左上角的相對位置。

具體函數如下： 

 
  1. .drag{  
  2.        position:absolute;         
  3.        background:#0000CC;        
  4.        top:100px;left:200px;  
  5.        padding:0;  
  6.        }  


 

 
  1. $(document).ready(function(){    
  2. var move=false;//移動標記    
  3. var _x,_y;//鼠標離控件左上角的相對位置    
  4.     $(".drag").mousedown(function(e){    
  5.         move=true;    
  6.         _x=e.pageX-parseInt($(".drag").css("left"));    
  7.         _y=e.pageY-parseInt($(".drag").css("top"));         
  8.     });    
  9.     $(document).mousemove(function(e){    
  10.         if(move){    
  11.             var x=e.pageX-_x;//控件左上角到屏幕左上角的相對位置  
  12.             var y=e.pageY-_y;    
  13.             $(".drag").css({"top":y,"left":x});   
  14.         }    
  15.     }).mouseup(function(){    
  16.     move=false;        
  17.   });

其中e.pageX,e.pageY為當前鼠標的橫縱坐標。

大家自己動手試一下，思路就更加清晰了~

 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美国产在线电影| 亚洲综合色av| 久久亚洲一区二区三区四区五区高| 久久手机免费视频| 成人激情视频在线观看| 久久久久久97| 国产精品久久久久久久久久99| 日本不卡高字幕在线2019| 欧美精品在线播放| 亚洲第一福利网| 欧美在线观看网站| 欧美中文字幕在线播放| 欧美最顶级的aⅴ艳星| 国产精品成人v| 亚洲福利视频久久| 久久激情视频免费观看| 亚洲第一精品久久忘忧草社区| 国产成人av在线| 亚州av一区二区| 亚洲欧美另类人妖| 日韩高清电影免费观看完整版| 国产精品综合久久久| 欧美极品少妇xxxxⅹ免费视频| 中文字幕在线精品| 成人激情在线观看| 国产亚洲精品综合一区91| 亚洲国产精品网站| 粉嫩av一区二区三区免费野| 91黄色8090| 国产精品爽爽爽爽爽爽在线观看| 国产精品揄拍500视频| 国产成人精品久久亚洲高清不卡| 日韩视频在线免费观看| 欧美视频二区36p| 久久免费视频观看| 另类专区欧美制服同性| 最近中文字幕日韩精品| 亚洲国产成人精品久久久国产成人一区| 国产欧美va欧美va香蕉在| 亚洲r级在线观看| 国产美女久久久| 亚洲一区二区三区在线视频| 久久久久久久91| 成人福利在线视频| 91av在线播放| 国产99久久精品一区二区| 国产精品一区电影| 亚洲性无码av在线| 日韩免费视频在线观看| 45www国产精品网站| 欧美限制级电影在线观看| 91精品视频免费看| 国产香蕉97碰碰久久人人| 91日本在线观看| 91极品视频在线| 亚洲视屏在线播放| 亚洲成人黄色网| 热草久综合在线| 中文字幕久精品免费视频| 九九热r在线视频精品| 久久亚洲精品小早川怜子66| 亚洲第一区第一页| 高清亚洲成在人网站天堂| 国产精品久久久久77777| 性金发美女69hd大尺寸| 亚洲最大的av网站| 欧美日韩在线免费观看| 日韩在线观看你懂的| 欧美日韩国产一区二区三区| 亚洲精品av在线播放| 成人免费视频xnxx.com| 国内成人精品视频| 91国产在线精品| 日韩中文字幕在线精品| 伦理中文字幕亚洲| 最近免费中文字幕视频2019| 日韩av在线免费| 俺去亚洲欧洲欧美日韩| 亚洲精品日韩丝袜精品| 亚洲精品电影久久久| 一区二区三区四区精品| 美日韩丰满少妇在线观看| 久久久久久国产精品| 亚洲国产精品久久久久秋霞蜜臀| 亚洲人成人99网站| 久久夜色精品国产欧美乱| 亚洲欧洲美洲在线综合| 日韩精品亚洲精品| 日韩小视频在线观看| 亚洲丁香婷深爱综合| 亚洲成色777777女色窝| 成人天堂噜噜噜| 日韩精品日韩在线观看| 国产精品久久久久久久久久久新郎| 国模视频一区二区| 日韩在线视频一区| 亚洲激情视频在线播放| 亚洲色图av在线| 2021久久精品国产99国产精品| 国产欧美精品一区二区三区介绍| 亚洲在线视频福利| 国产精品成人品| 日本精品视频在线| 欧美丝袜第一区| 日韩**中文字幕毛片| 日韩中文字幕第一页| 国产在线拍揄自揄视频不卡99| 久久成人国产精品| 青青在线视频一区二区三区| 亚洲一区二区免费在线| 亚洲午夜未满十八勿入免费观看全集| 97久久伊人激情网| 欧美激情欧美狂野欧美精品| 国产精品在线看| 亚洲免费视频网站| 国产精品高潮呻吟久久av野狼| 久久91精品国产| 91久久久久久久久| 色狠狠av一区二区三区香蕉蜜桃| 日韩精品免费在线视频观看| 欧美激情视频一区二区三区不卡| 一区二区国产精品视频| 国产精品入口免费视| 亚洲美女黄色片| 欧美激情一区二区三区成人| 日韩电影视频免费| 色yeye香蕉凹凸一区二区av| 久久777国产线看观看精品| 日韩一区二区三区在线播放| 成人免费视频在线观看超级碰| 91日韩在线视频| 91免费国产网站| 国产成人精品电影久久久| 午夜精品美女自拍福到在线| 成人信息集中地欧美| 日韩av综合网站| 亚洲色图校园春色| 国产精品高清网站| 国产精品视频在线观看| 最近中文字幕日韩精品| 日韩av大片在线| 日韩精品免费在线播放| 中文字幕国产亚洲2019| 亚洲一区中文字幕在线观看| 亚洲男人7777| 在线精品视频视频中文字幕| 亚洲黄色有码视频| 日韩中文字幕网址| 欧美亚洲另类在线| 成人在线免费观看视视频| 日本高清视频一区| 色av吧综合网| 人九九综合九九宗合| 亚洲电影第1页| 97视频在线免费观看| 91精品国产高清久久久久久久久| 亚洲乱码一区二区| 欧美国产精品日韩| 欧美在线视频免费| 69视频在线播放| 综合网日日天干夜夜久久| 日本精品一区二区三区在线播放视频| 高清欧美一区二区三区| 国模gogo一区二区大胆私拍|