Maison

Utiliser CSS pour mettre du Texte en Surbrillance Lorsque le Lien est Cliqué

1/1/2016

760663

Utiliser CSS pour mettre du Texte en Surbrillance Lorsque le 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 hypertexte pour effectuer d'autres tâches intéressantes. Par exemple, vous pouvez avoir votre application en évidence les importantes texte d'une page Web lorsqu'un utilisateur clique sur un lien. CSS permet de définir votre couleur de surbrillance JavaScript applique cette couleur pour le texte.

Utiliser les CSS pour mettre du Texte en Surbrillance Lorsque le 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 hypertexte pour effectuer d'autres tâches intéressantes. Par exemple, vous pouvez avoir votre application en évidence les importantes texte d'une page Web lorsqu'un utilisateur clique sur un lien. CSS permet de définir votre couleur de surbrillance JavaScript applique cette couleur pour le texte.

Lancez votre éditeur HTML, et d'ouvrir tout document d'une page Web.
Coller ce code dans le document '':
Ceci est le Titre 1

Ceci est le Titre 2

Cliquez pour mettre en Surbrillance la Rubrique 1
Cliquez pour mettre en Surbrillance la Rubrique 2
Ce code crée deux têtes et deux liens. Le premier lien appelle une fonction JavaScript appelée 'highlightText.' Il passe le premier titre est 'ID' valeur', en-tête 1,' de la fonction. Le second lien appelle la même fonction. Ce lien passe l'ID de la deuxième titre de la fonction.
Copiez le code suivant, et l'ajouter au document '':

Le 'highlight' de la classe CSS à l'intérieur de la section style définit la classe de la couleur d'arrière-plan jaune. Le 'highlightText', une fonction appelée par les liens décrits précédemment, de modifier les règles CSS 'className' propriété du le lien. Depuis que className 'mettre en évidence,' le lien de changement de couleur de fond jaune.
Enregistrez le document au format HTML et de le lancer dans votre navigateur. Cliquez sur le premier lien. Le code JavaScript s'exécute et applique le CSS mettre en évidence le style pour le texte dans le premier titre. Cliquez sur le deuxième lien. Le code souligne que l'en-tête.

Conseils & Avertissements

Vous n'avez pas à utiliser le jaune que votre couleur de surbrillance. Changement de 'jaune' à un autre nom de la couleur dans le document de la section style. Vous pouvez également faire le lien clique pour mettre en évidence d'autres éléments de texte, tels que les travées contenant du texte et des paragraphes.Créer du lien et faire passer votre identification de l'élément de la valeur à la fonction JavaScript.

Utiliser CSS pour mettre du Texte en Surbrillance Lorsque le Lien est Clique

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 defaut et utiliser des liens hypertexte pour effectuer d'autres taches interessantes. Par exemple, vous pouvez avoir votre application en evidence les importantes texte d'une page Web lorsqu'un utilisateur clique sur un lien. CSS permet de definir votre couleur de surbrillance JavaScript applique cette couleur pour le texte.

Utiliser les CSS pour mettre du Texte en Surbrillance Lorsque le Lien est Clique

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 defaut et utiliser des liens hypertexte pour effectuer d'autres taches interessantes. Par exemple, vous pouvez avoir votre application en evidence les importantes texte d'une page Web lorsqu'un utilisateur clique sur un lien. CSS permet de definir votre couleur de surbrillance JavaScript applique cette couleur pour le texte.

Lancez votre editeur HTML, et d'ouvrir tout document d'une page Web.
Coller ce code dans le document '':
Ceci est le Titre 1

Ceci est le Titre 2

Cliquez pour mettre en Surbrillance la Rubrique 1
Cliquez pour mettre en Surbrillance la Rubrique 2
Ce code cree deux tetes et deux liens. Le premier lien appelle une fonction JavaScript appelee 'highlightText.' Il passe le premier titre est 'ID' valeur', en-tete 1,' de la fonction. Le second lien appelle la meme fonction. Ce lien passe l'ID de la deuxieme titre de la fonction.
Copiez le code suivant, et l'ajouter au document '':

Le 'highlight' de la classe CSS a l'interieur de la section style definit la classe de la couleur d'arriere-plan jaune. Le 'highlightText', une fonction appelee par les liens decrits precedemment, de modifier les regles CSS 'className' propriete du le lien. Depuis que className 'mettre en evidence,' le lien de changement de couleur de fond jaune.
Enregistrez le document au format HTML et de le lancer dans votre navigateur. Cliquez sur le premier lien. Le code JavaScript s'execute et applique le CSS mettre en evidence le style pour le texte dans le premier titre. Cliquez sur le deuxieme lien. Le code souligne que l'en-tete.

Conseils & Avertissements

Vous n'avez pas a utiliser le jaune que votre couleur de surbrillance. Changement de 'jaune' a un autre nom de la couleur dans le document de la section style. Vous pouvez egalement faire le lien clique pour mettre en evidence d'autres elements de texte, tels que les travees contenant du texte et des paragraphes.Creer du lien et faire passer votre identification de l'element de la valeur a la fonction JavaScript.