Programmazione Web » Css » Cambiare il puntatore del mouse

Cambiare il puntatore del mouse

Difficoltà: Apprendista Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net E-Mail
Questo tutorial è stato letto 1207 volte




Vediamo come è possibile cambiare il puntatore del mouse in modo da rendere più carine le nostre pagine...

Dobbiamo impostare un css nel quale settiamo l'elemento della pagina a cui associare le proprietà del cursore.

Supponendo di voler associare al <body> della nostra pagina un cursore diverso da quello di default, avremo questo foglio di stile:

body {
cursor: crosshair;
}

Ecco alcuni attributi del cursor:

  • crosshair: puntatore a forma di croce;
  • hand: classica manina dello stato a:hover dei link;
  • move: crocetta con quattro frecce agli estremi, generalmente visibile quando si sposta una finestra in ambiente Windows;
  • text: il puntatore assume la forma del cursore di Word, o di qualsiasi altro editor di testo, quando si vuole scrivere tra due parole;
  • wait: il puntatore assume la forma di una clessidra;
  • help: il puntatore sarà formato dalla solita freccia di default, seguita alla destra da un punto interrogativo.

Queste sono solo alcune delle proprietà...sostituite il puntatore in base alle vostre esigenze e ricordate che potete applicare queste proprietà anche a tabelle, div e quant'altro.

Alla prossima.

Aggiungi questo tutorial ai preferiti! Aggiungi questo tutorial ai preferiti


SEGNALA QUESTA RISORSA AD UN AMICO
Tuo nome
Tua mail
Nome amico
Mail tuo amico
Google
AREA UTENTI
E-MAIL PASSW
Perso la password?
I TUTORIAL PIU' LETTI
GIF ANIMATE
Script Gratis!
Spot

Sito Service
Tutorial per realizzare un sito web partendo da zero e script Asp per Aruba Server.

Tutorials & scripts
Articoli su HTML, CSS, PHP, ASP, Javascript, MySQL a cura di AG web solutions!

Guida Prestiti e Carte di credito
Giochi flash free
Giochi gratis online
Ricette di cucina gratis
Migliori torrent italiani
Notizie Dieta e Diete Alimentari

Cerca con Google