Come incorporare codici cursore

May 7

Come incorporare codici cursore


codici cursore vengono a cascata foglio di stile (CSS) gli elementi che consentono al web designer di controllare l'aspetto del cursore sullo schermo. Fornire indizi visivi per l'utente sito web quando il cursore si sposta su un oggetto, come ad esempio un collegamento ipertestuale, può contribuire ad alleviare la navigazione degli utenti. visualizzazione del cursore è controllato tramite il Document Object Model (DOM) per definire un oggetto come testo o un collegamento e combinandolo con le impostazioni CSS.

istruzione

1 Determinare il tipo di cursore desiderato. Cursori appaiono come impostazione predefinita gli utenti quando non viene specificato alcun stile. Utilizzando "auto" consente al browser Web per determinare il cursore del caso, come ad esempio una mano la visualizzazione quando l'utente è in bilico su un collegamento ipertestuale. (Vedi riferimenti 1 per una lista completa dei tipi di cursore supportati).

2 Creare l'oggetto il cursore si applica a.

3 Nella definizione dell'oggetto, aggiungere 'style = "cursor:. [Tipo di cursore]"' Per esempio, se si vuole creare un collegamento qualcuno potrebbe fare clic su per ottenere aiuto, è possibile utilizzare: <span style = "cursor: help"> ottenere aiuto </ span>. Questo cambierebbe il cursore in una freccia con il punto interrogativo quando l'utente tiene il mouse sopra le parole "ottenere aiuto."

4 Prova il tuo nuovo cursore in un browser.

Consigli e avvertenze

  • Creazione di un oggetto di classe CSS in un foglio di stile interno o esterno consente il cursore da utilizzare su più elementi senza dover ripetere l'elemento dello stile di volta in volta. (Vedi Risorse 1 per informazioni sulla creazione di fogli di stile).
  • Internet Explorer supporta un tipo di cursore di "mano". Questo dovrebbe essere evitato a causa di una mancanza di sostegno da altri browser. Ciò equivale a "Pointer" su altri browser, che è preferito.