2010-11-21 21 views
0
$(document).ready(function() { 
    $(".div1").click(function() { 
     $(".div2").stop().animate(...); 
    }); 
}); 

DIV1DIV2<div id="content">兩者的div。Jquery的動畫參數

我想點擊DIV1,然後DIV2的位置將去:top:0px;left:200px;這是相對於<div id="content" style="width:800px;margin:0 auto;">

怎麼寫生命的一部分?

回答

1

你可以只傳遞一個對象來.animate()topleft特性,如:

$(document).ready(function() { 
    $(".div1").click(function() { 
     $(".div2").stop().animate({ top: 0, left: 200 }); 
    }); 
}); 

確保該元素有一個relativeabsolute位置設置在這裏,無論你要去的,否則topleft將不起作用。

+0

我已經設置了內容,div1,div2所有的位置:相對的,但沒有效果。 – 2010-11-21 10:29:08

+0

@yuli - 他們有課程或ID嗎?你有類選擇器,所以我在這裏假設,如果它們是ID,你需要不同的選擇器,例如'#div1'而不是'.div1'。 – 2010-11-21 10:30:19

+0

是的,我爲他們設置了一個類.div1,.div2 ... – 2010-11-21 10:31:42