jquery survol image et titre Résolu

Question

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

La montagne

Les activités

Bicyclette
Natation
Equitation
Randonnée
Cueillette de myrtille
Rien et c'est ce qu'on préfère!

merci de votre aide

jordane45 · Answer

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");
   });

Jquery survol image et titre

1 réponse

Discussions similaires

Newsletters