jQueryがドラッグ効果を実現するインスタンスコード
864 ワード
jQueryはドラッグ効果を実現するインスタンスコードで、具体的なコードは以下の通りです.
以上、編集者が紹介したjQueryのドラッグ効果を実現する実例コードです.
$(function(){
var disX = 0;
var disY = 0;
$('div').mousedown(function(ev){
disX = ev.pageX - $(this).offset().left;// left,top
disY = ev.pageY - $(this).offset().top;
$(document).mousemove(function(ev){
$('div').css('left',ev.pageX - disX);// ,
$('div').css('top',ev.pageY - disY);
});
$(document).mouseup(function(){
$(document).off();
});
return false;
});
});
以上、編集者が紹介したjQueryのドラッグ効果を実現する実例コードです.