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

div1 et DIV2 sont les deux divs dans <div id="content">.Jquery animer les paramètres

Je veux cliquer div1, puis la position de div2 ira à: top:0px;left:200px; qui est par rapport à <div id="content" style="width:800px;margin:0 auto;">

Comment écrire la partie Animer?

Répondre

1

Vous pouvez juste passer un objet à .animate() avec des propriétés top et left, comme ceci:

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

Assurez-vous que l'élément a une position relative ou absolute définie ici, selon vous allez pour, sinon top et left n'aura aucun effet.

+0

J'ai mis le contenu, div1, div2 tous une position: relative, mais n'ont aucun effet. –

+0

@yuli - ont-ils des classes ou des ID? Vous aviez des sélecteurs de classe, donc j'ai supposé ici, si ce sont des ID, vous avez besoin de sélecteurs différents, par ex. '# div1' au lieu de' .div1'. –

+0

Oui, je les ai mis pour une classe .div1, .div2 ... –