L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
109175 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Referencement
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Page Rank
     Activeartanima...
     Gifs animés, f...
     L'écriteau
     Le village de ...
     Je javascript
     Easy-script.com
     Trucs et astuc...
     Les javascripts
     Web creation ...
     K i s s design
     Les autres
     Votre site ici ?

Rollover / images réactives a la souris

Description

Ce script vous permet de créer des petits effets sur vos boutons. En effet, une image se charge par dessus l'originale quand elle est survolée par la souris.


Exemple :

Coucou !



Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Internet Explorer : 4 et +
 Netscape Navigator : 3 et +


Chiffres :

Date de création : 13/06/2003
Dernière modif : -
Visites de la page : 283022
Envois par mail : 3897


Edition du script :

Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Une fois le formulaire rempli, cliquez sur "Editer votre script !", votre script personnalisé s'affichera plus bas dans la page.
Les champs marqués en rouge sont obligatoires.

Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Les champs marqués en rouge sont obligatoires.

Placez ici le chemin d'acces de vos images
(ex: images/nom_image.gif ou http://www.monsite.com/monimage.gif) :
Image 1 :


Image 2 :


Titre de l'image :
(ce texte s'affichera lors du chargement de l'image) :


Le chemin d'accès de la page à afficher si l'image est cliquée
(ex: page.html ou http://mon.site.com/mapage.htm ou mailto:moi@monfai.com).
Vous pouvez aussi ne rien mettre ici si vous ne desirez pas de lien:




Votre script personnalisé :

Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).

A mettre entre les balises <HEAD> et </HEAD> :



A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre l'image :



Services email :

Je désire recevoir mon script personnalisé par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De Soriox - le 02-01-2006

On peut faire pareil avec le css ...

entre les balises <head></head>

<style>
#image
{
width: 640px;
height: 480px;
background: url(images/image1.jpg);
}
#image:hover
{
width: 640px;
height: 480px;
background: url(images/image2.jpg);
}
</style>


entre les balises <body></body>

<div id="image"></div>


Au moin ça marche même si le javascipt est désactivé. ^^
De sarahwitch - le 04-02-2007

C'est super les rollovers mais comment faire si on veut en mettre plusieurs sur une même page ???
De sarahwitch - le 05-02-2007

C'est super les rollovers mais comment faire si on veut en mettre plusieurs sur une même page ???

>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne
    PUBLICITE



     ANNUAIRE WEBMAST.
PriceMinister
Achat vente de produits informatiques d'occasion.
http://www.priceminister.com
Cat : Hardware
Voir l'annuaire webmaster

     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
58330 membres
9588 comptes CountUs
1622 comptes myCircle

     LES FORUMS :
14 forums
39658 topics
190131 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par Xenon_54
Avez-vous plusieurs comptes sur divers réseaux de messenger ? Trillian propose un logiciel pouvant gérer 5 réseaux différents: ICQ, MSN, Yahoo, AIM et IRC. Gratuit, il vous permettra de regrouper vos comptes sur une même interface. Adoptez-le! http://www.trillian.cc/products/overview_basic.php
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2009 EJS - Tous droits réservés | CNIL N° 844440 | 04/07/2009 07:30:50 | Design by | Gen. en 0.301 sec.