Maison  >  Article  >  interface Web  >  js pour changer la forme et le style des compétences mouse_javascript

js pour changer la forme et le style des compétences mouse_javascript

WBOY
WBOYoriginal
2016-05-16 16:54:011511parcourir

La plupart des navigateurs prennent aujourd'hui en charge les styles de pointeur suivants (déplacez votre souris sur le nom du style pour voir le style du pointeur changer en ce style) :
déplacement automatique du redimensionnement de la colonne sans chute
pointeur à défilement intégral non autorisé redimensionner
progression du réticule e-resize ne-resize
texte par défaut n-resize nw-resize
aide texte vertical s-resize se-resize
hériter attendre w-resize sw-resize
sous Windows Internet Explorer 6.0 ou version ultérieure, le style de pointeur ci-dessus est le suivant :
js pour changer la forme et le style des compétences mouse_javascript

Pour modifier le style du pointeur de la souris d'un élément via un script, vous pouvez définir l'attribut de l'élément element.style. curseur pour l’une des valeurs ci-dessus. (Autre méthode sans JavaScript, vous pouvez utiliser des attributs dans la balise html de l'élément) :

Copiez le code Le code est tel suit :

function setcursorbyid(id,cursorstyle) {
if (document.getelementbyid) {
if (document.getelementbyid(id).style) {
document.getelementbyid (id) .style.cursor=cursorstyle;
}
}
}

Ajoutez une méthode couramment utilisée pour changer le style de la souris : si vous souhaitez déplacer la souris vers un élément et changez la souris Le style consiste à ajouter un curseur : (le style que vous souhaitez modifier) ​​au style de cet élément.
Déclaration:
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