Maison interface Web js tutoriel js cliquez sur le texte de la liste correspondant à la ligne affichant la couleur d'arrière-plan de mise en œuvre des compétences code_javascript

js cliquez sur le texte de la liste correspondant à la ligne affichant la couleur d'arrière-plan de mise en œuvre des compétences code_javascript

May 16, 2016 pm 03:47 PM
couleur de fond

L'exemple de cet article décrit comment utiliser js pour cliquer sur le texte de la liste et réaliser la couleur d'arrière-plan de la ligne de texte. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
JS contrôle li, la classe est automatiquement ajoutée lorsque vous cliquez sur la souris et les effets spéciaux de la page Web de votre couleur d'arrière-plan préférée sont générés pour le texte de la liste.

Le diagramme d'effet de fonctionnement est le suivant :

<style type="text/css">
li{cursor:pointer;}
.cur{background:red;}
</style>
<script type="text/javascript">
window.onload = function ()
{
 var aLi = document.getElementsByTagName("li");
 var i = 0; 
 for (i = 0; i < aLi.length; i++)
 { 
 aLi[i].onclick = function ()
 {
  for (i = 0; i < aLi.length; i++) aLi[i].className = "";
  this.className = "cur";
 };
 }
};
</script>
<div class="clMenu">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>4</li>
    <li>5</li>
  </ul>
</div>
Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment ajuster les paramètres de couleur d'arrière-plan dans Eclipse Comment ajuster les paramètres de couleur d'arrière-plan dans Eclipse Jan 28, 2024 am 09:08 AM

Comment définir la couleur d’arrière-plan dans Eclipse ? Eclipse est un environnement de développement intégré (IDE) populaire parmi les développeurs et peut être utilisé pour le développement dans une variété de langages de programmation. Il est très puissant et flexible, et vous pouvez personnaliser l'apparence de l'interface et de l'éditeur via les paramètres. Cet article explique comment définir la couleur d'arrière-plan dans Eclipse et fournit des exemples de code spécifiques. 1. Changez la couleur d'arrière-plan de l'éditeur. Ouvrez Eclipse et entrez dans le menu "Windows". Sélectionnez "Préférences". Naviguez à gauche

Comment définir la couleur d'arrière-plan dans editplus-Comment définir la couleur d'arrière-plan dans editplus Comment définir la couleur d'arrière-plan dans editplus-Comment définir la couleur d'arrière-plan dans editplus Mar 04, 2024 pm 07:00 PM

Amis, savez-vous comment définir la couleur d'arrière-plan dans editplus ? Aujourd'hui, je vais vous expliquer comment définir la couleur d'arrière-plan dans editplus. Si vous êtes intéressé, venez jeter un œil avec moi, j'espère que cela pourra vous aider. Étape 1 : Ouvrez d'abord editplus, cliquez sur Outils ci-dessus, comme indiqué dans l'image : Étape 2 : Dans le menu des outils, cliquez sur préférences, comme indiqué sur l'image : Étape 3 : Dans la page des préférences, cliquez sur les couleurs à gauche, comme indiqué dans l'image : Chapitre 3 Étape 4 : En position d'arrière-plan, sélectionnez une couleur selon vos besoins, comme indiqué sur la figure :

Guide étape par étape pour changer la couleur d'arrière-plan avec Eclipse Guide étape par étape pour changer la couleur d'arrière-plan avec Eclipse Jan 28, 2024 am 08:28 AM

Apprenez étape par étape comment changer la couleur d'arrière-plan dans Eclipse, des exemples de code spécifiques sont requis. Eclipse est un environnement de développement intégré (IDE) très populaire qui est souvent utilisé pour écrire et déboguer des projets Java. Par défaut, la couleur d'arrière-plan d'Eclipse est blanche, mais certains utilisateurs peuvent souhaiter modifier la couleur d'arrière-plan selon leurs préférences ou pour réduire la fatigue oculaire. Cet article vous apprendra étape par étape comment modifier la couleur d'arrière-plan dans Eclipse et fournira des exemples de code spécifiques. Étape 1 : ouvrez d’abord Eclipse

Explication détaillée de la façon de modifier la couleur d'arrière-plan de PyCharm Explication détaillée de la façon de modifier la couleur d'arrière-plan de PyCharm Jan 04, 2024 am 11:03 AM

PyCharm est un puissant environnement de développement intégré (IDE) Python qui offre aux développeurs de nombreuses fonctions et outils pratiques. L'une des fonctions couramment utilisées consiste à modifier la couleur d'arrière-plan de PyCharm. Dans cet article, je présenterai en détail la méthode de modification de la couleur d'arrière-plan de PyCharm et fournirai des exemples de code spécifiques. Pour modifier la couleur d'arrière-plan de PyCharm, nous devons effectuer les étapes suivantes : Étape 1 : Ouvrez PyCharm et cliquez sur "Settin" dans le menu "Fichier".

Guide de configuration des couleurs d'arrière-plan Eclipse Guide de configuration des couleurs d'arrière-plan Eclipse Jan 28, 2024 am 10:44 AM

Didacticiel sur la configuration des couleurs d'arrière-plan Eclipse Eclipse est un environnement de développement intégré (IDE) très populaire utilisé pour développer des applications dans divers langages de programmation. Il possède des fonctionnalités riches et des options de configuration flexibles qui peuvent être personnalisées pour répondre aux besoins individuels. L'une des exigences de personnalisation courantes consiste à modifier la couleur d'arrière-plan d'Eclipse. Cet article vous montrera en détail comment définir la couleur d'arrière-plan d'Eclipse. Nous vous fournirons des exemples de code concrets pour vous aider à y parvenir rapidement. Étape 1 : Battre

Comment supprimer la couleur d'arrière-plan d'un mot ? Comment supprimer la couleur d'arrière-plan d'un mot ? Comment supprimer la couleur d'arrière-plan d'un mot ? Comment supprimer la couleur d'arrière-plan d'un mot ? Mar 04, 2024 am 10:10 AM

Word est un outil de traitement de documents Word développé par Microsoft Corporation. Il fournit de riches fonctions d'édition de documents, notamment la saisie de texte, la création de tableaux, l'ajustement du format, etc. Il peut facilement créer et modifier divers types de documents, tels que des rapports, des CV, et fournit des modèles et des fonctions graphiques plus riches. Étant donné que nous utilisons Word pour le travail de bureau depuis longtemps, une couleur d'arrière-plan inappropriée peut provoquer une fatigue visuelle et même affecter la vitesse du travail de bureau. Il existe donc un bon moyen d'apprendre à supprimer la couleur d'arrière-plan de Word. Comment supprimer la couleur d'arrière-plan d'un mot ? Méthode pour supprimer la couleur d'arrière-plan d'un mot 1. Ouvrez le document WORD qui doit être utilisé et cliquez sur l'onglet « Mise en page » dans la barre d'outils. 2. Recherchez et cliquez sur « Couleur de la page » et sélectionnez « Aucune couleur ». 3.

Comment changer la couleur d'arrière-plan de la fenêtre dans Win7 Comment changer la couleur d'arrière-plan de la fenêtre dans Win7 Dec 30, 2023 pm 12:31 PM

Lorsque nous utilisons le système Win7, nous pouvons définir manuellement la couleur d'arrière-plan de la fenêtre pour obtenir une meilleure expérience visuelle. Si nous la définissons sur une couleur protectrice, cela peut également protéger notre vue, et la méthode est très simple. dans les paramètres d’apparence avancés personnalisés. Il peut être configuré, apprenons-le ensemble. Tutoriel de réglage de la couleur d'arrière-plan de la fenêtre Win7 1. Entrez d'abord les paramètres « Personnalisation » 2. Sélectionnez ensuite le paramètre « Couleur de la fenêtre » 3. Cliquez sur « Paramètres d'apparence avancés » ci-dessous 4. Définissez le projet sur « Fenêtre » 5. Cliquez ensuite à droite. "Couleur", sélectionnez la couleur souhaitée. 6. Une fois les paramètres terminés et confirmés, vous pouvez voir que la couleur d'arrière-plan de notre fenêtre a changé.

Personnalisez votre interface Eclipse : Personnalisez la couleur d'arrière-plan Personnalisez votre interface Eclipse : Personnalisez la couleur d'arrière-plan Jan 28, 2024 am 09:24 AM

Personnalisez votre interface Eclipse : définissez la couleur d'arrière-plan. Eclipse est un environnement de développement intégré (IDE) Java très populaire qui offre des fonctionnalités riches et une prise en charge des plug-ins. Lorsque vous utilisez Eclipse pour le développement, une interface personnalisée peut améliorer l’efficacité et le confort du travail. Dans cet article, nous apprendrons comment définir la couleur d'arrière-plan d'Eclipse en fonction de vos préférences et besoins personnels. 1. Ouvrez Eclipse et entrez dans l'interface "Préférences" dans Eclipse.

See all articles