欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery div movable

林玟書2年前9瀏覽0評論

JQuery是一個非常流行的JavaScript庫,用于簡化JavaScript編程。其中一個常用的功能是實現DIV元素的可移動性。這樣,用戶可以拖動DIV元素來改變它的位置。JQuery可移動DIV元素的代碼如下:

$(function(){
var move=false;//移動標記  
var x1,y1;//鼠標離控件左上角的相對位置  
$(".moveDiv").mousedown(function(e){
move=true;
x1=e.pageX-$(".moveDiv").offset().left;
y1=e.pageY-$(".moveDiv").offset().top;
$(".moveDiv").fadeTo(20, 0.5);//點擊后開始拖動并透明顯示  
});
$(document).mousemove(function(e){
if(move){
var x2=e.pageX-x1;
var y2=e.pageY-y1;
$(".moveDiv").css({top:y2,left:x2});//實時更新拖動的位置
}
}).mouseup(function(){
move=false;
$(".moveDiv").fadeTo("fast", 1);//松開鼠標后停止移動并恢復成不透明  
});
});

以上代碼是一個基本的JQuery DIV可移動功能的實現。用戶可以更改CSS代碼來自定義DIV的樣式。在實際應用中,可能需要更多的控制和功能。但是,這個代碼段可以作為一個很好的起點,進一步自定義。