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
     XooIt

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

MailingList :
113694 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
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Page Rank
     Gifs animés, f...
     Easy-script.com
     Le village de ...
     La cuisine de ...
     Web creation ...
     Créer son site...
     Azote.org - no...
     Les kits graph...
     Electroniq...
     Poésie et cita...
     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 : 296330
Envois par mail : 3931


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.
1and1
Le leader mondial du hosting debarque en France avec des offres de dédiés à partir de 69 € en debit illimité (à l'heure ou sont ecrites ces lignes).
http://commander.1and1.fr...
Cat : Serveurs dédiés
Voir l'annuaire webmaster


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

     LES MEMBRES :
61317 membres
7212 comptes CountUs
1721 comptes myCircle

     LES FORUMS :
14 forums
39942 topics
190892 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 alex55
Lorsque vous écrivez un message dans un textarea, il se peut que vous fassiez une erreur. Sachez que le CTRL+Z est activé dans les textarea ! Très pratique au cas où vous effacez tout le texte en faisant une fausse maneuvre. Les autres CTRL+[une lettre] marchent aussi (ex: CTRL+F pour rechercher).
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2010 EJS - Tous droits réservés | CNIL N° 844440 | 20/03/2010 00:18:19 | Design by | Gen. en 0.321 sec.