blog sur le développement web, jquery,css3, Magento, Symphony, php et bien d'autres choses

voici le code javascript / jquery pour changer le background en fonction de l’heure de la journée par exemple:

1 – tout d’abord télécharger la librairie jquery ici, il suffira de copier tout le code de cette page dans un fichier jquery-1.4.2.js.

2 – inclure ce fichier en haut de votre page INDEX comme suit:

<script type= »text/javascript » src= »jquery-1.4.2.js »></script>

3 – intégrer ce code:

<script type= »text/javascript »>

var horaire=new Date();
var heures=horaire.getHours();

var urlImg= »url1″;

if (heures>4){
urlImg= »url2″ ;
}
if (heures>8){
urlImg= »url3″ ;
}
if (heures>12){
urlImg= »url4″ ;
}
if (heures>16){
imamage= »url1″ ;
}
if (heures>20){
urlImg= »url5″ ;
}

$("body").css("background", "url('" + urlImg+ "')");

</script>

je testerai ce script dans la matinée, si cela ne marche pas chez vous faites le savoir.

Commentaires sur: "changer le background du site avec javascript et jquery" (1)

  1. […] n°9: changer le background du site avec javascript et jquery […]

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s