Bonjour
j'ai tout petit souci je débute avec jquery et je veux réaliser une petite animation de menu lord de survole mais j’arrive pas a revenir a l’état initiale
voili le code
voila un aperçu http://jsbin.com/ugeker/3
si vous avez des suggestion ou solution je serai ravi
merci d'avance
j'ai tout petit souci je débute avec jquery et je veux réaliser une petite animation de menu lord de survole mais j’arrive pas a revenir a l’état initiale
voili le code
<!DOCTYPE html>
<html>
<head>
<title>Accueil</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<link rel="stylesheet" href="index.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
$(function(){
$("li").mouseenter(function(){
$(this).stop().animate({ backgroundColor: "#E85E0C"},500);
});
});
</script>
</head>
<body>
<div style="height:30px;background-color:#E85E0C;"> </div>
<div id="menu"><ul >
<li style="background-color:#f26422;" ></li>
<li style="background-color:#bec1b8;" ><a href="#">Congres</a></li>
<li style="background-color:#d9d9d9;" ><a href="#">Prestation</a></li>
<li style="background-color:#90a5b6;" ><a href="#">Evenement</a></li>
<li style="background-color:#cac7b4;" ><a href="#">Sites web</a></li>
<li style="background-color:#b59c68;" ><a href="#">Contact</a></li>
</ul ></div>
</body>
</html>
voila un aperçu http://jsbin.com/ugeker/3
si vous avez des suggestion ou solution je serai ravi
merci d'avance