如何在javascript中移动元素

Question

I know Javascript in the beginning level and I need some help.

left = '-180px';
$sub_menu.show().animate({'left' : left}, 200);

I want to move $sub_menu from the right side to 180px from his default position before animate it, ie to make the indent on the right.

!!! EDIT !!!

Here my jsfiddle

For each menu element, on mouseenter, I enlarge the image, and show both sdt_active span and sdt_wrap span. If the element has a sub menu ( sdt_box ), then I slide it - if the element is the last one in the menu I slide it to the left, otherwise to the right. My problem is the last Menu 6 . It must work as other menus only it should slide to the left on the same width.

Answer 1

我想你正在寻找这个：

$sub_menu.show().animate({ 'left' : '-=180px' }, 200)

Answer 2

use this

$sub_menu.css('left','-180px');

and for animation you can add CSS3 transition code to your CSS3 property

Answer 3

check this http://api.jquery.com/animate/

and you should use this , in your example

 $sub_menu.show().animate({ 'left' : '-180px' }, 200);