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 :
100235 abonnés

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

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques

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 ...
     L'écriteau
     Faro-dessing
     Images gifs an...
     Netsources
     Easy-script.com
     Création de site
     Créer son site...
     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 : 260935
Envois par mail : 3822


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

17 visiteurs
actuellement en ligne
    PUBLICITE



     ANNUAIRE WEBMAST.
Allopass
Allopass est sans conteste le numero 1 des services audiotel pour votre site en France.
http://www.allopass.com
Cat : Services audiotel
Voir l'annuaire webmaster

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

     LES MEMBRES :
54281 membres
9519 comptes CountUs
1406 comptes myCircle

     LES FORUMS :
14 forums
39052 topics
188233 messages
>> Les forums

    SONDAGE

Utilisez-vous une page d'accueil personnalisable ?
Oui, la page d'accueil de Google (pas le moteur)
Oui, netvibes
Oui, mon Yahoo
Oui, my MSN
Oui, un autre
Non, je n'utilise pas de service de page d'accueil personnalisée
La mini-astuce "PHP / mySQL" du jour par Ultiny
En PHP, pour résoudre des problèmes de developpement, vous avez la possibilitée d'afficher le contenu d'une variable quelque soit son type (array, string, integer, boolean...) de cette mannière :

var_dump($variable); ou encore print_r($variable);
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 06/07/2008 02:20:31 | Design by Studcrea | Gen. en 0.448 sec.