$div就是要
移动
的层,且它的position已在CSS中设为relative。瞄一眼好像没什么问题,运行之后发现下面的问题:
1.按了向下之后,再按向上没有反应。
2.按了向右之后,再按向左没有反应。
后来经一网友点拨,恍然大悟:
查找图片id,修改他的左右left 和top 或者是 margin-left等!
var csmImgViewer = document.getElementById('cms_viewer_img')
csmImgViewer.onmousedown =function(){
//当前
位置
var offsetX = csmImgViewer.offsetLeft;
var offsetY = csmImgViewer.offsetTop;
moveObj:'.tempWrap',//滚动的对象
cloneCont:'.contUL',//要复制的内容外层obj
childElement:'.contUL li',//复制的一个内容的子
元素
num:'5',//滚动的个数
time:'15'
var opts=
$(document).on("click", ".up-div", function () { // 向上挪动
let that = $(this);
let div = that.parent().parent(".info-div"); // 需要挪动的节点
if(div.prev()){
div.pre...
您可以使用
jQuery
来实现上下td
移动
的效果。首先,您需要为上下
移动
的按钮分别绑定点击事件,并获取当前选中的td
元素
。然后,您可以通过
jQuery
的prev()和next()方法来获取上一个和下一个
元素
,并使用insertBefore()和insertAfter()方法来实现
元素
的
移动
。以下是一个简单的示例代码:
```html
<table>
<td>1</td>
<td>2</td>
<td>3</td>
</table>
<button id="btnUp">上移</button>
<button id="btnDown">下移</button>
<script>
$(function() {
// 上移按钮点击事件
$("#btnUp").click(function() {
var $selectedTd = $("td.selected");
var $prevTd = $selectedTd.prev();
if ($prevTd.length > 0) {
$selectedTd.insertBefore($prevTd);
// 下移按钮点击事件
$("#btnDown").click(function() {
var $selectedTd = $("td.selected");
var $nextTd = $selectedTd.next();
if ($nextTd.length > 0) {
$selectedTd.insertAfter($nextTd);
// td
元素
点击事件
$("td").click(function() {
// 取消之前选中的
元素
的选中状态
$("td.selected").removeClass("selected");
// 设置当前选中的
元素
的选中状态
$(this).addClass("selected");
</script>
在上面的代码中,我们首先为每个td
元素
绑定了点击事件,在点击时将当前选中的
元素
设置为选中状态。然后,我们为上移和下移按钮分别绑定了点击事件,在点击时获取当前选中的
元素
和上一个或下一个
元素
,并使用insertBefore()和insertAfter()方法来实现
元素
的
移动
。