Jquery survol image et titre

Résolu
moon136 Messages postés 71 Date d'inscription   Statut Membre Dernière intervention   -  
moon136 Messages postés 71 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

bonjour
j'ai un soucis sur mon script avec jquery au survol du bandeau, le titre du site doit se changer et l'image affichée aussi.

j'ai l'erreur :error parsing error unexpected
$(document).ready(function(){
			$("body").css('background','url(bg.png)');
	        $("#conteneur").css('width','960px').css('margin','auto');
			$('#conteneur *').css('font-family','arial');
			$("#bandeau").css('background','url(montagne.jpg)').css('width','960px').css('height','300px');
	$("#bandeau").hover(function(){ // je survole le bandeau

$(this).css('background','url(cocotier.jpg)'); // je modifie son arrière-plan

	        $("#gauche").css('width','700px');
			$("#gauche").css('float','left');
			$("#droite").css('float','right');
			$("#droite").css('width','200px');
			$('h1').css('font-size','36px');
			$('h1').css('text-align','center');
			$('h2').css('font-size','16px');
			$('p:first').css('font-weight','bold');
			$('p:eq(2)').css('font-style','italic');
			$('li:contains').css('color','#008800');
			$("#droite ul:first li:last").css('border','#080 1px solid');
			$("#droite ul:last").css('list-style','none');
			$("#droite ul").css('padding-left','0');
			$("#droite ul:last a").css('text-decoration','none');
			$("#droite ul:last a").css('font-size','0.9em');
			$("#droite ul:last a:odd").css('color','#C60');
			$("#droite ul:last a:even").css('color','#36C');
			$("p:eq(1)").css('font-family','"Times New Roman", Times, serif');
		       $("#bandeau").hover(function(){ // survole du bandeau
                      $(this).css('background','url(cocotier.jpg)'); // je modifie l' arrière-plan
                       $("h1").text("Les îles"); // je modifie  le texte du h1
		         function (){
                      $(this).css('background','url(montagne.jpg)');
                         $("h1").text("La montagne");

	  };
			
	 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script src="jquerycss.js"></script>
</head>

<body>
<div id="conteneur">
<h1>La montagne</h1>
<div id="bandeau"></div>
<div id="gauche">


</div>
<div id="droite">
<h2>Les activités</h2>
<ul>
<li>Bicyclette</li>
<li>Natation</li>
<li>Equitation</li>
<li>Randonnée</li>
<li>Cueillette de myrtille</li>
<li>Rien et c'est ce qu'on préfère!</li>


</div>
</body>
</html>

merci de votre aide
A voir également:

1 réponse

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Visiblement tu as oublié de fermer des accolades/parenthèses....

$("#bandeau").hover(function(){ // survole du bandeau
     $(this).css('background','url(cocotier.jpg)'); // je modifie l' arrière-plan
     $("h1").text("Les îles"); // je modifie  le texte du h1
});
   function (){
      $(this).css('background','url(montagne.jpg)');
      $("h1").text("La montagne");
   });


0
moon136 Messages postés 71 Date d'inscription   Statut Membre Dernière intervention  
 
eh oui merci ce sont de toute petite erreur qui fait que mes script ne sont pas fonctionnel. en ce moment je rencontre des problemede chargement de fichier...
0