11499 sujets

JavaScript, DOM et API Web HTML5

Changer la couleur d'arriere plan

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 



<!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

$(function() {
  var color;
  $("li").mouseenter(function(){
    color = $(this).css("background-color");
    $(this).stop().animate({backgroundColor: "#E85E0C"},500);
  }).mouseleave(function(){
    $(this).stop().animate({backgroundColor: color},500);
  });
});

Modifié par jb_gfx (05 Aug 2013 - 14:56)
merci

mais la je dois mentionner chaque élément par sa couleur Smiley decu , y a pas d'autres moyenne pour modifier dynamiquement ??
c'est bn c'est bon merciiiiiiiiiiiiiiiiiiiiiiiii jb_gfx ça marche j'ai pas vu le 2 eme message Smiley biggrin

merci encore Smiley smile
Sujet clos
Aller à