Bouts de Codes

Rollover sur l'image

Information sur le code source

Enregistré le 25 Avril 2009 - Vu 759 fois
Code source zippé: télécharger le zip
Impression: imprimer le code
  • Sociale bookmarking: Digg ce code sur digg.com
  • Bookmark ce code sur del.icio.us
  • Partage ce code sur Facebook
  • Bookmark ce code sur Google
  • Bookmark ce code sur Yahoo
  • Tweet PHP Sources
Votre avis: 
 
Ecrit par :  Matt
Site de l'auteur voir
[4] sources en JS voir
 

Description du code source

Information sur le code source

Change l'image au passage de la souris. Voila, c'est tout. A non, oubliez pas qu'il y a 2 parties dans le code, l'une va dans le HEAD et l'autre c'est le ou les liens, donc c'est dans la partie BODY de votre page qu'il faut mettre le lien.

Code Source



.01
.02
.03
.04
.05
.06
.07
.08
.09
.10
.11
.12
.13
.14
.15
.16
.17
.18
.19
.20
.21
.22
.23
.24
.25
.26
.27
.28
.29
.30
.31
.32
.33
.34
.35
.36
.37
.38
.39
 

/*******************************************************************************
*                                                                              *
*                               _                                              *
*                              (_)__ _______                                   *
*                             / (_-</ __(_-<                                   *
*                          __/ /___/\__/___/                                   *
*                         |___/                                                *
*                                                                              *
*                                                                              *
********************************************************************************
*                                                                              *
* Titre          : Rollover sur l'image                                        *
*                                                                              *
* URL            : http://www.jscs.org/scripts31-JS.htm                        *
* Auteur         : Matt                                                        *
* Date édition   : 25 Avril 2009                                               *
* Website auteur : http://www.france-relations.com                             *
*                                                                              *
*******************************************************************************/

<script language="Javascript">
<!--
//mettez ce code dans le HEAD
if (document.images) {
     button1 = new Image
     button2 = new Image

     button1.src = 'img1.gif'
     button2.src = 'img2.gif'
 }
//-->
</script>

Mettez ce code dans le BODY

<a href="http://java-scripts.net"onmouseover="document.rollover.src=button2.src"
 onmouseout="document.rollover.src=button1.src"><img src="img1
.gif"  "name="rollover"></a>
Ajouter un commentaire

RSS
snippets


RSS
commentaires

 
Code de sécurité

Attention: Les champs marqués d'une étoile * sont obligatoires
Offres d'emploi
Librairie

Langages de programmation

La librairie est ouverte à tous et elle est accès principalement sur les langages JavaScript. Vous trouverez aussi d'autres langages de programmation tel que le CSS, HTML, AJAX, ASP.. Plus de 300 références facilement accessibles. Visiter

PHP 5 - MySQL 5 - Ajax - Entrainez-vous à créer des applications professionnelles
JavaScript : La référence
JavaScript : Le guide complet
Ajax
AJAX, Le guide complet
Javascript & Ajax Nouveaux Prix
PHP - MySQL - AJAX - Coffret de 2 livres : Créez des applications professionnelles
Ajax en Pratique
Ajax et PHP : Comment construire des applications web réactives
Bien développer pour le Web 2.0 : Bonnes pratiques Ajax