Comment modifier dynamiquement la couleur de l'élément de menu sélectionné d'une page web?
Je suis nouvelle dans le développement de pages web. Je suis à la recherche pour créer des menus similaires à ceux stackoverflow.com (comme les Questions, les Tags, les Utilisateurs ci-dessus). Comment puis-je changer la couleur du menu sélectionné (par exemple, la couleur d'arrière-plan de la Question des changements à l'orange lorsque 'cliqué')?
J'ai réussi à changer la couleur tout en planant (à l'aide de CSS), comme c'était simple, mais j'ai de la difficulté avec cela.
Puis-je obtenir cet effet de changer la couleur de cliqué sur un élément en utilisant uniquement CSS?
- Je pense qu'il y a un %20 chance les gens te répondent. (Essayez d'approuver les réponses à vos autres questions afin d'améliorer vos chances d'avenir de questions répondues.)
- eh bien, je n'étais pas au courant de ce fait. J'ai toujours voter pour mes réponses. Merci de me laisser savoir.
InformationsquelleAutor Jeeka | 2011-06-04
Vous devez vous connecter pour publier un commentaire.
Définir les styles pour la classe active et hover:
Que vous avez besoin de faire le li active, sur le côté serveur.
Ainsi, lorsque vous dessinez le menu, vous devez savoir quels chargement de la page et définissez-la à:
Mais si vous êtes en modifier le contenu sans recharger, vous ne pouvez pas changer de jeu de l'actif li élément sur le serveur, vous devez utiliser javascript:
Il serait probablement plus facile à mettre en œuvre ce à l'aide de JavaScript ... Voici un script JQuery pour la démo ... Comme d'autres l'ont mentionné, nous avons une classe nommée "actif" pour indiquer l'onglet actif - PAS la pseudo-classe:active.' Nous aurions pu facilement nommé tout ... sélectionné, courant, etc., etc.
Je suis en retard pour cette question, mais c'est vraiment super facile. Vous venez de définir plusieurs onglet classes dans votre fichier css, puis de charger l'onglet voulu que votre classe dans le fichier php lors de la création de la balise LI.
Voici un exemple de fait sur le serveur:
CSS
PHP
En supposant que vous voulez changer la couleur de la actuellement sélectionnée lien/onglet... vous êtes meilleur pari est d'appliquer une classe (disons
active
) la lien/l'onglet style cet différemment.Exemple de style pourrait être:
:active
pseudo classe. Juste une classe normale avec la valeuractive
.J'utilise le PHP pour trouver l'URL et faire correspondre le nom de la page (sans l'extension .php, je peux ajouter plusieurs pages qui ont tous le même mot en commun comme contact, formulaire de contact, etc. Tous auront que classe ajoutée) et ajouter une classe PHP pour modifier la couleur, etc.
Pour cela, vous devez enregistrer vos pages avec l'extension de fichier
.php
.Voici une démo. Changer vos liens et de pages que nécessaire. La classe CSS pour tous les liens est
.tab
et pour le lien actif il y a aussi une autre catégorie de.currentpage
(comme c'est la fonction PHP) c'est donc là que vous pourrez remplacer vos règles CSS.Vous pourriez nommer ce que vous voulez.
De l'essayer. Il est titulaire de la couleur jusqu'à ce qu'un autre élément est cliqué.
Il est un pur CSS solution que j'utilise actuellement.
Ajouter un corps ID (ou de classe) l'identification de vos pages et de vos éléments de menu, puis utilisez quelque chose comme:
HTML:
CSS:
Enfin j'ai réussi à obtenir ce que je désirais à tous de votre aide et de la post Modifier un style de lien onclick. Voici le code pour que. J'ai utilisé du JavaScript pour faire cela.