Utilisez CSS pour surligner le texte Quand un lien est cliqué

December 3

Utilisez CSS pour surligner le texte Quand un lien est cliqué


Lorsque vous cliquez sur un lien sur un site Web, le lien dirige habituellement votre navigateur vers une autre page Web. Vous pouvez remplacer ce comportement par défaut et utiliser des liens pour effectuer d'autres tâches intéressantes aussi bien. Par exemple, vous pouvez avoir votre application fort importante page Web texte lorsqu'un utilisateur clique sur un lien. CSS vous permet de définir votre couleur de surbrillance; JavaScript applique cette couleur au texte.

Instructions

1 Lancez votre éditeur HTML, et ouvrir un document de page Web.

2 Collez ce code dans la section de ce document "<corps>":

<Id h1 = "intertitre1"> Ceci est la rubrique 1 </ h1>

<Id h1 = "heading2"> Ceci est la rubrique 2 </ h1>

<a href="javascript:highlightText('heading1')"> Cliquez pour Mettez en surbrillance la rubrique 1 </a>

<a href="javascript:highlightText('heading2')"> Cliquez pour Mettez en surbrillance la rubrique 2 </a>

Ce code crée deux titres et deux liens. Le premier lien appelle une fonction JavaScript nommée "highlightText." Il passe "ID" la valeur de la première rubrique, "intertitre1," à la fonction. Le deuxième lien appelle la même fonction. Ce lien passe l'ID de la deuxième position à la fonction.

3 Copiez le code suivant, et l'ajouter à "<head>" la section du document:

<Style type = "text / css">

HIGHLIGHT {background-color: yellow;}

</ Style>

<Script type = "text / javascript" language = "javascript">

fonction highlightText (id) {

var textobject = document.getElementById (id);

textObject.className = "highlight";

}

</ Script>

Le "point culminant" classe CSS dans la section de style définit la couleur de la classe de fond jaune. La fonction "highlightText", appelée par les liens décrits précédemment, le changement est le CSS "className" propriété du lien. Depuis className est "highlight" couleur de fond change de la liaison au jaune.

4 Enregistrez le document HTML et de le lancer dans votre navigateur. Cliquez sur le premier lien. Le code JavaScript exécute et applique le CSS point culminant style au texte dans la première position. Cliquez sur le deuxième lien. Le code souligne que la position ainsi.

Conseils et avertissements

  • Vous ne devez pas utiliser le jaune comme couleur de surbrillance. Changer "jaune" à un autre nom de la couleur dans la section de style du document. Vous pouvez également faire le lien clique pour mettre en évidence d'autres éléments de texte, telles que portées contenant du texte et paragraphs.Create un lien et faire passer la valeur de l'ID de votre élément à la fonction JavaScript.

          

Post a comment: