jQuery九宫格图片布局拖动排列代码,鼠标拖动图片互换位置进行排列。
部分js代码
bstop = false;
var that = this;
var disx = e.offsetX; //获取的拖拽过程的短线的长度(鼠标的位置离盒子边缘的位置)
var disy = e.offsetY;
var $clone = $(this).clone(); //克隆
$clone.addClass('draging').css({ //对克隆的盒子设置类名以及位置
left: $(this).position().left,
top: $(this).position().top
});
$('#box').append($clone); //追加到box里面
$(this).addClass('moving').html(''); //被克隆的元素添加类移除内容
$('#box').on('mousemove', function(e) { //对克隆的盒子进行拖拽
$clone.css({
left: e.pageX - $(this).offset().left - disx,
top: e.pageY - $(this).offset().top - disy
})
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791