视图的改变都应该是因为数据的改变而引起的,而不是直接通过一些api去更改视图,像你这种对应的数据应该类似
[{
name: '开始',
value: 1
},
{
name: '结束',
value: 2
}
]
交换就是交换这个数据,然后根据新的数据去渲染你上面的视图,这样就不用担心数据和视图不同步了。
用document.getElementById(div1)获取到该div,然后操作它就行了,如果是文本上下移动完全可以使用marquee标签。引用JS:
www.cyin.cn/js/front/supermarquee.js
HTML代码:
<div class="zuixinxuqiu" style="height: 197pxwidth: 678pxoverflow: hiddenposition: relative">
<ul>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
</ul>
</div>
执行JS:
$(".zuixinxuqiu").kxbdSuperMarquee({
isEqual: false,
distance: 33,
time: 5,
direction: 'up'
})
这样吧 给你一个大概的思路首先 每行的tr要有一个class 而且设定这个class正常的背景颜色 被选中的背景颜色
然后 默认选中第一个 checkBOx的话 设置name都一样的 可以用行数作为ID区分
你点全选就全部选中并且所有tr都变为选中的class
然后设置获取键盘的输入码 判断当前哪行被选中 如果有上(下)一行就上(下)一行被选中
后面删除button也是根据你checkBox的ID获取父容器的tr来删除 删除之后重新生成一次新的行数ID
上班不便给你写详细代码!敬请谅解。