Comment changer la couleur d'un lien en javascript ?

 

par meltech1 |

     
Comment changer la couleur d'un lien en javascript ?

Un lien c'est une direction vers une page ou un site Internet. La couleur initiale du lien peut être modifiée au passage de la souris. C'est la modification de la couleur d'un lien en javascript. Pour ce faire suivez bien ce qui suit dans cet article. Je vais expliquer dans les différentes étapes comment aboutir à ce résultat qui vous servira dans vos sites Internet.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Commencez par ouvrir votre site Internet avec "bloc notes" pour en obtenir le code source. C'est le programme de votre site Internet dans lequel veuillez programmer ce qui suit.

2.

Veuillez chercher la balise <head> et insérez-y le script suivant :
<script type="text/javascript" language="javascript">
var lien = "";
function rand(max) {
return (Math.floor(Math.random() * max));
}
function initaec() {
for (var i=0;i<document.links.length;i++) {
if (document.links[i].className == "aec") {
document.links[i].onmouseover = aec;
document.links[i].onmouseout = unaec;
document.links[i].aecTimer = null;
}
}
}
function aec(isFF) {
if (isFF) {
lien = isFF.target;
isFF.target.aecTimer = setInterval('lien.style.color = "rgb("+rand(256)+","+rand(256)+","+rand(256)+")";',100);
}
}
function unaec(isFF) {
if (isFF) {
clearInterval(isFF.target.aecTimer);
isFF.target.aecTimer = null;
isFF.target.style.color = "";
}
}
</script>.

3.

Maintenant remplacez la balise <body> par la balise suivante :
<body onload="initaec();">
C'est l'appel à la fonction qui change la couleur du lien.
Dans la balise <body> entre <body> et </body>, insérez le script suivant :
<b><a href="http://www.commentfaiton.com" class="aec">Que voulez-vous faire ? Découvrez commentfaiton.com !</a></b>.

4.

Pour terminer enregistrez le tout avec "bloc notes" et ouvrez avec IE. Vous voyez un lien qui indique le site de comment fait-on. Dès que vous passez la souris dessus il change de couleur. Vous avez terminé.

Astuces et mises en garde

Astuce(s) :

Pour changer le site Internet allez dans la balise <body>.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on