Discussion :

[Kagami]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

merci de m'aider

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("divslid")

Tu as vraiment des balises <divslid> dans ton code ?

[Kagami]

desoléeee j'ai oublié le point : ".divslid" mais ça ne marche pas encore

[SpaceFrog]

tes elements à déplacer ont une position css definie ?

[Kagami]

oui je l'ai mentionnée en haut

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?