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 new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

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

MailingList :
101899 abonnés

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

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     Netsources
     Faro-dessing
     L'écriteau
     Images gifs an...
     Easy-script.com
     Créer son site...
     Création de site
     Je javascript
     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 : 263438
Envois par mail : 3832


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






33 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
GratisDomaine
Offre de nom de domaine 100% gratuite !
http://www.gratisdomaine.com/
Cat : Nom de domaine gratuit
Voir l'annuaire webmaster


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

     LES MEMBRES :
54728 membres
8702 comptes CountUs
1446 comptes myCircle

     LES FORUMS :
14 forums
39151 topics
188601 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "PHP / mySQL" du jour par @Rano
Lorsque vous voulez faire une recherche sur les fonctions PHP, allez simplement à l'url :
http://fr.php.net/fonction_que_vous_cherchez (par exemple http://fr.php.net/mail)
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 20/08/2008 13:09:57 | Design by Studcrea | Gen. en 0.597 sec.