Changer le curseur de la souris est un moyen simple de jazz vers le haut de votre page web avec cool d'effets spéciaux. Curseur de la souris styles peuvent améliorer votre page web de la convivialité en offrant à vos utilisateurs avec un retour visuel supplémentaire, en particulier pour les plus complexes de script pages web, comme des jeux et des cartes interactives. Javascript peut être utilisé modifier le curseur de la souris style, vous permettant de modifier le curseur de la souris en fonction de la date du jour, la météo ou presque tout ce que vous pouvez imaginer. La technique de l'utilisation de Javascript, HTML et CSS ensemble pour créer des pages web dynamiques est DHTML (Dynamic HTML).


Changer le curseur de la souris est un moyen simple de jazz vers le haut de votre page web avec cool d'effets spéciaux. Curseur de la souris styles peuvent améliorer votre page web de la convivialité en offrant à vos utilisateurs avec un retour visuel supplémentaire, en particulier pour les plus complexes de script pages web, comme des jeux et des cartes interactives. Javascript peut être utilisé modifier le curseur de la souris style, vous permettant de modifier le curseur de la souris en fonction de la date du jour, la météo ou presque tout ce que vous pouvez imaginer. La technique de l'utilisation de Javascript, HTML et CSS ensemble pour créer des pages web dynamiques est DHTML (Dynamic HTML).
de Base de la Souris
  • Il y a plusieurs défaut des curseurs de souris qui peut être utilisé en modifiant le style d'un élément de la page ou le corps du document. Ces curseur styles par défaut, la croix, la main, le déplacer, le texte, l'iao et de l'aide. Voir ' Le CSS curseur de Propriété lié dans la section Ressources pour plus de détails sur tous le curseur de base les styles. Le curseur de style affiché lors du survol d'un élément peut être défini à l'aide de CSS, comme dans cet exemple:
    la Croix
Curseurs de Souris Personnalisés
  • En plus de la base de curseurs curseurs personnalisés peuvent être utilisés en réglant le curseur de style à l'adresse d'un fichier de curseur ou de l'image, comme dans l'exemple suivant:
    curseur Personnalisé
    prise en charge du Navigateur pour le curseur de styles et de types de fichier est incompatible. Par exemple, Internet Explorer attend curseur de fichiers avec .cur ou .ani extensions. Firefox n'aime pas les curseurs animés (.ani fichiers), et s'attend à un curseur de base pour être listé dans plus de curseur ou d'un fichier image. Pour de meilleurs résultats entre les navigateurs, fournir un fichier de curseur (.cur ou .ani), un fichier image (PNG, JPEG ou GIF), et un type de curseur comme un secours. Cet exemple utilise un curseur animé pour son premier choix, un simple fichier de curseur que le deuxième choix et la valeur par défaut du curseur de base comme le dernier secours de l'option. Le navigateur va essayer chaque option jusqu'à ce qu'il trouve qu'il peut utiliser.
    curseur Personnalisé
    'Ouvrir la Bibliothèque de Curseur lié dans la section 'Ressources' propose gratuit, sans tracas curseur de la souris collections.
Changer le Curseur de Style avec le Javascript en ligne
  • Vous pouvez changer le curseur de la souris de style CSS avec Javascript. Il y a plusieurs attributs HTML liées à des actions de la souris vous pouvez utiliser pour exécuter le code Javascript en cliquant avec la souris, déplace ou planait au-dessus d'un élément de la page web. Quelques-uns de ces attributs sont:
    onmouseover: pointeur de la Souris survole l'elementonmousedown: bouton de la Souris pressedonmouseup: bouton de la Souris releasedonmouseout: pointeur de la Souris se déplace hors de la elementonclick: bouton de la Souris clickedondblclick: bouton de la Souris double-cliqué sur
    référence à l '' Événement Attributs de lien dans la section Ressources pour plus d'attributs d'événement que vous pouvez utiliser pour ajouter des scripts Javascript.
    Ajouter une action Javascript à un événement, comme un passage de la souris, simplement en définissant la valeur de l'attribut dans le code Javascript que vous souhaitez exécuter. Dans cet exemple, le curseur est modifié à la base de 'l'aide' du curseur lorsque la souris survole le lien:
    Aide
Fun avec des Fonctions
  • Parfois, vous voulez faire plus que se tient confortablement dans une souris attribut action. Par écrit toutes vos actions dans une fonction Javascript, vous pouvez garder tout votre code en haut de votre document HTML, et la cause de votre curseur de la magie pour arriver avec un simple appel de fonction dans le cas de l'attribut. Cette simple fonction Javascript change le curseur de style de la page web de l'élément passé en paramètre 'el':
    fonction de setElementCursor (el) {el.style.curseur = \'URL(3DArrow.cur), en forme de croix\'

    }
    Cette fonction se trouve dans une section de script dans l'en-tête du document (entre et tags), ou dans un fichier de code Javascript référencé dans l'en-tête du document. Pour utiliser cette fonction, l'appel de la fonction avec le mot-clé 'ce' partir d'un événement attribut dans une balise HTML. La fonction reçoit une référence à la page web de l'élément associé à l'événement de la souris, et de changer son curseur de style. Par exemple, lorsque le pointeur de la souris se déplace au-dessus de ce texte lié, le curseur affiché sera définie par la fonction:
    mettre le curseur pour ce lien
    Vous pouvez aussi changer le curseur principal qui s'affiche lorsque le curseur pointe sur la page web d'arrière-plan. Cette fonction Javascript qui définit le curseur de la souris pour la page web principale du corps basée sur la valeur passée dans la fonction en tant que paramètre 'curtype':
    fonction de setMainCursor (curtype) {switch (curtype) {case \'chargement de\' : document.corps.style.curseur = \'URL(de travail.ani), URL(de travail.png), attendre\' pause '

    case \'interdit\': document.corps.style.curseur = \'URL(indisponible.ani), URL(indisponible.png), par défaut\' pause '

    case \'par défaut\':par défaut: document.corps.style.curseur = \'URL(flèche.cur), par défaut\'

    }}
    Pour utiliser cette fonction, l'appel de la fonction avec la valeur de 'chargement', d'un 'interdit' ou 'par défaut' à partir d'un événement attribut dans une balise HTML. Par exemple, cette forme de bouton soumettre appelle la fonction pour mettre le curseur sur 'chargement' lorsque le bouton est cliqué:

    Il n'y a pas de limite à ce que vous pouvez faire avec des fonctions Javascript. La fonction suivante effectue un compte à rebours en changeant le principal curseur de la souris à chaque seconde un curseur de l'image associée avec le compte courant. Le setTimeOut fonction est utilisée pour provoquer la fonction de sommeil pendant une seconde avant, il est appelé de nouveau avec le compte mis à jour.
    fonction de doCountdownCursor (count) {document.corps.style.curseur = \'URL(\' count \'.ani), URL(\' count \'.png), attendre\'

    count &

    if (count > 0) {setTimeout (\'doCountdownCursor (\' count \')\', 1000)

    }else {document.corps.style.curseur = \'URL(flèche.cur), par défaut\'

    }}
    Sur la page web, utilisez cette fonction pour avoir le curseur de la souris le compte à rebours de 10 lors de la soumission d'un formulaire bouton est cliqué.








Changer le Pointeur de la Souris en Javascript


Changer le curseur de la souris est un moyen simple de jazz vers le haut de votre page web avec cool d'effets speciaux. Curseur de la souris styles peuvent ameliorer votre page web de la convivialite en offrant a vos utilisateurs avec un retour visuel supplementaire, en particulier pour les plus complexes de script pages web, comme des jeux et des cartes interactives. Javascript peut etre utilise modifier le curseur de la souris style, vous permettant de modifier le curseur de la souris en fonction de la date du jour, la meteo ou presque tout ce que vous pouvez imaginer. La technique de l'utilisation de Javascript, HTML et CSS ensemble pour creer des pages web dynamiques est DHTML (Dynamic HTML).


Changer le curseur de la souris est un moyen simple de jazz vers le haut de votre page web avec cool d'effets speciaux. Curseur de la souris styles peuvent ameliorer votre page web de la convivialite en offrant a vos utilisateurs avec un retour visuel supplementaire, en particulier pour les plus complexes de script pages web, comme des jeux et des cartes interactives. Javascript peut etre utilise modifier le curseur de la souris style, vous permettant de modifier le curseur de la souris en fonction de la date du jour, la meteo ou presque tout ce que vous pouvez imaginer. La technique de l'utilisation de Javascript, HTML et CSS ensemble pour creer des pages web dynamiques est DHTML (Dynamic HTML).
de Base de la Souris
  • Il y a plusieurs defaut des curseurs de souris qui peut etre utilise en modifiant le style d'un element de la page ou le corps du document. Ces curseur styles par defaut, la croix, la main, le deplacer, le texte, l'iao et de l'aide. Voir ' Le CSS curseur de Propriete lie dans la section Ressources pour plus de details sur tous le curseur de base les styles. Le curseur de style affiche lors du survol d'un element peut etre defini a l'aide de CSS, comme dans cet exemple:
    la Croix
Curseurs de Souris Personnalises
  • En plus de la base de curseurs curseurs personnalises peuvent etre utilises en reglant le curseur de style a l'adresse d'un fichier de curseur ou de l'image, comme dans l'exemple suivant:
    curseur Personnalise
    prise en charge du Navigateur pour le curseur de styles et de types de fichier est incompatible. Par exemple, Internet Explorer attend curseur de fichiers avec .cur ou .ani extensions. Firefox n'aime pas les curseurs animes (.ani fichiers), et s'attend a un curseur de base pour etre liste dans plus de curseur ou d'un fichier image. Pour de meilleurs resultats entre les navigateurs, fournir un fichier de curseur (.cur ou .ani), un fichier image (PNG, JPEG ou GIF), et un type de curseur comme un secours. Cet exemple utilise un curseur anime pour son premier choix, un simple fichier de curseur que le deuxieme choix et la valeur par defaut du curseur de base comme le dernier secours de l'option. Le navigateur va essayer chaque option jusqu'a ce qu'il trouve qu'il peut utiliser.
    curseur Personnalise
    'Ouvrir la Bibliotheque de Curseur lie dans la section 'Ressources' propose gratuit, sans tracas curseur de la souris collections.
Changer le Curseur de Style avec le Javascript en ligne
  • Vous pouvez changer le curseur de la souris de style CSS avec Javascript. Il y a plusieurs attributs HTML liees a des actions de la souris vous pouvez utiliser pour executer le code Javascript en cliquant avec la souris, deplace ou planait au-dessus d'un element de la page web. Quelques-uns de ces attributs sont:
    onmouseover: pointeur de la Souris survole l'elementonmousedown: bouton de la Souris pressedonmouseup: bouton de la Souris releasedonmouseout: pointeur de la Souris se deplace hors de la elementonclick: bouton de la Souris clickedondblclick: bouton de la Souris double-clique sur
    reference a l '' Evenement Attributs de lien dans la section Ressources pour plus d'attributs d'evenement que vous pouvez utiliser pour ajouter des scripts Javascript.
    Ajouter une action Javascript a un evenement, comme un passage de la souris, simplement en definissant la valeur de l'attribut dans le code Javascript que vous souhaitez executer. Dans cet exemple, le curseur est modifie a la base de 'l'aide' du curseur lorsque la souris survole le lien:
    Aide
Fun avec des Fonctions
  • Parfois, vous voulez faire plus que se tient confortablement dans une souris attribut action. Par ecrit toutes vos actions dans une fonction Javascript, vous pouvez garder tout votre code en haut de votre document HTML, et la cause de votre curseur de la magie pour arriver avec un simple appel de fonction dans le cas de l'attribut. Cette simple fonction Javascript change le curseur de style de la page web de l'element passe en parametre 'el':
    fonction de setElementCursor (el) {el.style.curseur = \'URL(3DArrow.cur), en forme de croix\'

    }
    Cette fonction se trouve dans une section de script dans l'en-tete du document (entre et tags), ou dans un fichier de code Javascript reference dans l'en-tete du document. Pour utiliser cette fonction, l'appel de la fonction avec le mot-cle 'ce' partir d'un evenement attribut dans une balise HTML. La fonction reçoit une reference a la page web de l'element associe a l'evenement de la souris, et de changer son curseur de style. Par exemple, lorsque le pointeur de la souris se deplace au-dessus de ce texte lie, le curseur affiche sera definie par la fonction:
    mettre le curseur pour ce lien
    Vous pouvez aussi changer le curseur principal qui s'affiche lorsque le curseur pointe sur la page web d'arriere-plan. Cette fonction Javascript qui definit le curseur de la souris pour la page web principale du corps basee sur la valeur passee dans la fonction en tant que parametre 'curtype':
    fonction de setMainCursor (curtype) {switch (curtype) {case \'chargement de\' : document.corps.style.curseur = \'URL(de travail.ani), URL(de travail.png), attendre\' pause '

    case \'interdit\': document.corps.style.curseur = \'URL(indisponible.ani), URL(indisponible.png), par defaut\' pause '

    case \'par defaut\':par defaut: document.corps.style.curseur = \'URL(fleche.cur), par defaut\'

    }}
    Pour utiliser cette fonction, l'appel de la fonction avec la valeur de 'chargement', d'un 'interdit' ou 'par defaut' a partir d'un evenement attribut dans une balise HTML. Par exemple, cette forme de bouton soumettre appelle la fonction pour mettre le curseur sur 'chargement' lorsque le bouton est clique:

    Il n'y a pas de limite a ce que vous pouvez faire avec des fonctions Javascript. La fonction suivante effectue un compte a rebours en changeant le principal curseur de la souris a chaque seconde un curseur de l'image associee avec le compte courant. Le setTimeOut fonction est utilisee pour provoquer la fonction de sommeil pendant une seconde avant, il est appele de nouveau avec le compte mis a jour.
    fonction de doCountdownCursor (count) {document.corps.style.curseur = \'URL(\' count \'.ani), URL(\' count \'.png), attendre\'

    count &

    if (count > 0) {setTimeout (\'doCountdownCursor (\' count \')\', 1000)

    }else {document.corps.style.curseur = \'URL(fleche.cur), par defaut\'

    }}
    Sur la page web, utilisez cette fonction pour avoir le curseur de la souris le compte a rebours de 10 lors de la soumission d'un formulaire bouton est clique.

Changer le Pointeur de la Souris en Javascript

Changer le curseur de la souris est un moyen simple de jazz vers le haut de votre page web avec cool d'effets spéciaux. Curseur de la souris styles peuvent améliorer votre page web de la convivialité en offrant à vos utilisateurs avec un retour visuel supplémentaire, en particulier pour les plus complexes de script pages web, comme des jeux et des cartes interactives. Javascript peut être utilisé modifier le curseur de la souris style, vous permettant de modifier le curseur de la souris en fonction de la date du jour, la météo ou presque tout ce que vous pouvez imaginer. La technique de l'utilisation de Javascript, HTML et CSS ensemble pour créer des pages web dynamiques est DHTML (Dynamic HTML).
Recommander aux amis
  • gplus
  • pinterest

Messages récents

Commentaire

Laisser un commentaire

évaluation