我在表格单元的一个元件,我要它在一个方向上移动,以与慢动画另一小区。 我该怎么做。
<table>
<td ..
</table>
看看试玩DEMO
我得到了一些资源,从以前的线程
我想通过细胞在表中移动的元素慢慢细胞? 有什么在演示失踪?
我在表格单元的一个元件,我要它在一个方向上移动,以与慢动画另一小区。 我该怎么做。
<table>
<td ..
</table>
看看试玩DEMO
我得到了一些资源,从以前的线程
我想通过细胞在表中移动的元素慢慢细胞? 有什么在演示失踪?
在你的提琴代码工作,因为它应该,但因为你运行动画的呼叫在一个循环,它要快,你或多或少地同时调用所有的动画。 我改变了方法的位:
$("#move").bind("click",animate);
var direction=[4,7,8,11]
function animate(){
// initalize with first element of direction array
moveAnimate("#p11",0);
}
function moveAnimate(element, count){
if(count >= direction.length) {return; }
// set the newParent
var newParent = '#pos' + direction[count],
element = $(element); //Allow passing in either a JQuery object or selector
newParent= $(newParent); //Allow passing in either a JQuery object or selector
var oldOffset = element.offset();
element.appendTo(newParent);
var newOffset = element.offset();
var temp = element.clone().appendTo('body');
temp.css('position', 'absolute')
.css('left', oldOffset.left)
.css('top', oldOffset.top)
.css('zIndex', 1000);
element.hide();
temp.animate( {'top': newOffset.top, 'left':newOffset.left}, 'slow', function(){
element.show();
temp.remove();
// increase the counter
count++;
// call next animation after the current one is finished
moveAnimate(element,count);
});
}
更新后的小提琴是在这里 。