begin process at 2012 05 27 19:18:18
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Graphique

 > METTRE UN LIEN EN RELIEF AU PASSAGE DE LA SOURIS

METTRE UN LIEN EN RELIEF AU PASSAGE DE LA SOURIS


 Information sur la source

Note :
Aucune note
Catégorie :Graphique Niveau :Débutant Date de création :14/02/2003 Date de mise à jour :14/02/2003 19:56:16 Vu :18 339
Auteur : revinc

Ecrire un message privé
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Un petit script pour personnaliser les liens hypertextes dans vos pages html.
Vous pouvez bien sûr modifier ce script à volonté, supprimer la mise en gras par exemple, etc.
Le script a l'avantage d'être plus simple à utiliser que les feuilles de styles.

Source

  • <html>
  • <head>
  • <title>Mettre en relief un lien lors du passage de la souris</title>
  • <script>
  • function relief(lien,fond,couleur,gras) {
  • // Nouveau fond
  • lien.style.backgroundColor = fond;
  • // Nouvelle couleur
  • lien.style.color = couleur;
  • // Suppression du soulignement
  • lien.style.textDecoration = "none";
  • // Ajout de gras
  • if(gras) {
  • lien.style.fontWeight = "bold";
  • }
  • }
  • function fin(lien,fond,couleur,gras) {
  • // Fond originale
  • lien.style.backgroundColor = fond;
  • // Couleur originale
  • lien.style.color = couleur;
  • // Remise du soulignement
  • lien.style.textDecoration = "underline";
  • // Suppression du gras
  • if(gras) {
  • lien.style.fontWeight = "normal";
  • }
  • }
  • </script>
  • </head>
  • <body>
  • <a href="" onmouseover="relief(this,'darkblue','white',1)" onmouseout="fin(this,'white','black',1)" name="lien_1" style="color : #000000">Lien type</a><br><br>
  • <a href="" onmouseover="relief(this,'pink','green',0)" onmouseout="fin(this,'white','450045',0)" name="lien_2" style="color : #450045">Lien 2 type</a><br><br>
  • <a href="" onmouseover="relief(this,'darkgreen','yellow',1)" onmouseout="fin(this,'white','aa5588',1)" name="lien_3" style="color : #aa5588">Lien 3 type</a>
  • </body>
  • </html> 
<html>
<head>
<title>Mettre en relief un lien lors du passage de la souris</title>
<script>
function relief(lien,fond,couleur,gras) {

// Nouveau fond
lien.style.backgroundColor = fond;
// Nouvelle couleur
lien.style.color = couleur;

// Suppression du soulignement
lien.style.textDecoration = "none";

// Ajout de gras

if(gras) {
lien.style.fontWeight = "bold";
}

}

function fin(lien,fond,couleur,gras) {

// Fond originale
lien.style.backgroundColor = fond;
// Couleur originale
lien.style.color = couleur;

// Remise du soulignement
lien.style.textDecoration = "underline";

// Suppression du gras

if(gras) {
lien.style.fontWeight = "normal";
}

}
</script>
</head>
<body>
<a href="" onmouseover="relief(this,'darkblue','white',1)" onmouseout="fin(this,'white','black',1)" name="lien_1" style="color : #000000">Lien type</a><br><br>
<a href="" onmouseover="relief(this,'pink','green',0)" onmouseout="fin(this,'white','450045',0)" name="lien_2" style="color : #450045">Lien 2 type</a><br><br>
<a href="" onmouseover="relief(this,'darkgreen','yellow',1)" onmouseout="fin(this,'white','aa5588',1)" name="lien_3" style="color : #aa5588">Lien 3 type</a>
</body>
</html>



 Sources du même auteur

Source avec une capture PERSONNALISER UN FORMULAIRE
METTRE UNE IMAGE EN RELIEF AU PASSAGE DE LA SOURIS
LES NOMBRES PREMIERS
Toutes les sources de revinc

 Sources de la même categorie

Source avec Zip JDMATH-MINI.JS : GÉNÉRATION D'EXPRESSION MATHÉMATIQUE par jdmcreator
Source avec une capture SPHERE 3D DÉFORMABLE par phm
Source avec Zip Source avec une capture EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma
Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma
Source avec Zip Source avec une capture CALCULATRICE HEURE par m22001111
Toutes les sources de la catégorie Graphique

Commentaires et avis

Commentaire de iubito le 16/02/2003 10:59:18

j'ai pas testé ton truc, mais une remarque... valable pour tous les développeurs de site web :
je DÉTESTE quand les liens sont normaux et deviennent gras onmouseover !!!! ça fait tout décaler et je me trouve parfois dans des situations où je mets la souris dessus, le texte s'élargit donc passe à la ligne et du coup la souris n'est plus sur le lien donc le lien redevient normal, et donc la souris est au-dessus. et ça recommence ainsi de suite.
Alors surtout par pitié ne changez pas le gras onmouseover et onmouseout !!!! changez le fond, la couleur, le soulignement OUI, mais le gras NON !

Commentaire de JEROMAX le 17/02/2003 10:06:05

complètement d'accord ! !
[ http://www.jeromax.free.fr ]

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy S
Entre 529€ et 529€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,452 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)