Animation ne se lance pas

Version imprimable

bonjour,
j'ai un bout de code que j'ai déjà testé dans ce site
http://www.w3schools.com/jquery/tryi...ery_animation1
mais il ne marche pas dans mon application :

Code:

1
2
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script src="Scripts/_jquery-2.0.2.js" type="text/javascript"></script>

Code:

1
2
3
4
5
6
7
8
$(document).ready(function () {
    $(".divslid").mouseenter(function() {
        $(".divslid").animate({ top: '100px' });
    });
    $(".divslid").mouseleave(function() {
        $(".divslid").animate({ top: '0px' });
    });
});

Code:

1
2
3
4
5
6
 .divslid{
    width : 200px ; height : 100px;
    background-color : #822c01 ;
    margin-left : 84%;
    <%--   margin-top : -115px;  
}

Code:

<div class="divslid" ></div>

merci de m'aider :(

25/02/2014, 10h50
Bovino

Code:

$("divslid")

Tu as vraiment des balises <divslid> dans ton code ? :no:
25/02/2014, 10h56
Kagami

desoléeee j'ai oublié le point : ".divslid" mais ça ne marche pas encore
25/02/2014, 11h00
SpaceFrog

tes elements à déplacer ont une position css definie ?
25/02/2014, 11h05
Kagami

oui je l'ai mentionnée en haut

Code:

1
2
3
4
5
6
7
 .divslid
        {
           width : 200px ; height : 100px;
           background-color : #822c01 ;
           margin-left : 84%;
        <%--   margin-top : -115px;  
}

ha ??? y'a un position là dedans ?

25/02/2014, 11h11
Kagami

vous parlez de position : absolute/static...? non à quoi ça sert ici :/
25/02/2014, 11h16
Kagami

résolu.. merci :)
25/02/2014, 11h25
SpaceFrog

ça sert à ça :mouarf::ptdr: