Bouts de Codes

Rollover sur l'image

Information sur le code source

Enregistré le 25 Avril 2009 - Vu 1391 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
  • Ajoute Rollover sur l'image
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

JQuery
Ajax et PHP : Comment construire des applications web réactives
Ajax : Développer pour le Web 2.0
Ajax pour Java
Programmer pour Internet : Notions fondamentales et mise en pratique (tcp/ip, http, html, java, php, MySQL, XML...)
JavaScript - Introduction et notions fondamentales
Ajax et PHP
ASP.NET Ajax
Ajax
Bien développer pour le Web 2.0 : Bonnes pratiques Ajax