jQueryはドラッグ可能なフローティングレイヤの完全なコードを実現する

以下はjQueryを使用してドラッグ可能なフローティングレイヤを実現する完全なコードで、htmlファイルにコピーして保存すれば効果を体験できます.次のWebサイトにアクセスして効果を体験することもできます.http://www.keleyi.com/keleyi/phtml/dragdiv.htm
カーソルをレイヤに移動し、マウスを押すとレイヤをドラッグできます.

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>$(document).ready(function (e) { 
  <br>$(".box").mousedown(function (e) { 
  <br>iDiffX = e.pageX - $(this).offset().left; 
  <br>iDiffY = e.pageY - $(this).offset().top; 
  <br>$(document).mousemove(function (e) { 
  <br>$(".box").css({ "left": (e.pageX - iDiffX), "top": (e.pageY - iDiffY) }); 
  <br>}); 
  <br>}); 
  <br>$(".box").mouseup(function () { 
  <br>$(document).unbind("mousemove"); 
  <br>}); 
  <br>}); 
  <br> 
  
 
  
 
  
    ！
 
  
       ，
           。



   
 
  
www.keleyi.com