Les partenaires publicitaires:

Comment créer un survol de la souris de la main dans css

Feuilles de style en cascade (CSS) sont des fichiers texte attachés à des pages HTML qui contrôlent la conception et l'apparence de la page. CSS a plusieurs effets mouseover, en plus de l'ordinaire "flèche". Par défaut, la plupart des navigateurs web affichent le pointeur de la souris "à la main" sur les liens actifs, si le texte ou des images. Cependant, il existe une méthode pour forcer un "passage de la souris à la main" en CSS. Soyez conscient, toutefois, que depuis "mouseover de la main" indique généralement un hot-spot, comme un lien, de l'utiliser dans des endroits autres que des liens peuvent induire en erreur les utilisateurs du site.

Choses que vous devez

  • Site Internet
  • CSS

Instructions

  1. Ouvrez la page Web et le fichier CSS joint dans deux fenêtres différentes en utilisant un éditeur HTML ou un éditeur de texte tel que Notepad.




  2. Déterminez la zone à l'intérieur de la page Web, où l'effet "de passage de la souris de la main" doit être active. Parcourez le code HTML pour localiser la balise DIV contenant pour la zone correspondante de la page Web.

  3. Notez le sélecteur CSS pour la balise DIV, tels que «id» ou «classe».



  4. Parcourir le fichier CSS et de trouver le bloc de code associé qui définit la balise DIV. Utilisez un sélecteur CSS à cet effet, "id" ou "classes".

  5. Ajoutez la ligne de code CSS "cursor: pointeur-" pour le bloc de code CSS de la balise DIV.

Conseils Avertissements

  • Fichiers CSS séparer complètement la conception de HTML source- donc la plupart des aspects de la conception peuvent être complètement manipulés avec CSS seul, bien que javascript extraits de code peuvent obtenir une fonctionnalité similaire.
  • Il ya d'autres effets pointeur de la souris, comme crosshair, redimensionner, de l'aide, en mouvement, Progrès, attendre et texte. Remplacement simple de la ligne de code CSS "cursor: pointeur-" avec l'effet désiré est tout ce qu'il faut pour changer le pointeur de la souris dans l'élément de mise en page donnée, dans ce cas, la balise DIV.
  • Bien que "défaut" est une valeur facultative pour la propriété CSS "curseur", il est inutile d'en parler, sauf si toutes les balises mères sont définies avec des valeurs de curseur personnalisé, et l'étiquette de l'enfant concernant doit posséder les valeurs de curseur par défaut.
  • CSS "curseur" propriété est héritée par défaut, ce qui signifie que les blocs que l'enfant héritera comportement du curseur de leurs blocs parents.
  • Survol des mains est la valeur par défaut pour les curseurs, lorsqu'il est pointé sur des liaisons. Forcé la main-mouseovers sur le texte ou les zones de plaine peuvent tromper les utilisateurs en leur faisant croire qu'ils sont des liens réels. Cela pourrait nuire à l'expérience de l'utilisateur dans la page web ou un site.
  • Lignes de code CSS et des blocs de code CSS sont séparés par des virgules et les accolades, respectivement. L'omission de tels caractères en CSS peut entraîner des erreurs inattendues et / ou de générer des balises HTML faux. La seule exception est que le point-virgule d'une ligne de code CSS final (juste avant le support de bouclés de clôture) au sein d'un bloc de code est pas nécessaire.
» » » » Comment créer un survol de la souris de la main dans css