cambia cursore in puntatore dito

Ho questo ae non so che devo inserire in "onmouseover" in modo che il cursore si trasformi in puntatore come un normale collegamento:

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>

Ho letto da qualche parte che devo mettere:

onmouseover="cursor: hand (a pointing hand)"

Ma non funziona per me.

Inoltre, non sono sicuro che questo sia considerato JavaScript, CSS o semplicemente HTML.

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover="" style="cursor: pointer;"> A </a>

È css.

O in un foglio di stile:

a.menu_links { cursor: pointer; }

Puoi farlo in CSS:

a.menu_links {
    cursor: pointer;
}

Questo è in realtà il comportamento predefinito per i collegamenti. Devi averlo in qualche modo sovrascritto altrove nel tuo CSS, o non c'è alcun hrefattributo lì (manca dal tuo esempio).

Mi piace usare questo se ho solo un link nella pagina:

onMouseOver="this.style.cursor='pointer'"

in css write

a.menu_links:hover{ cursor:pointer}

Ecco qualcosa di bello se vuoi fare il possibile. nell'URL, è possibile utilizzare un collegamento o salvare un'immagine png e utilizzare il percorso. per esempio:

url ( 'attività / imgs / theGoods.png');

sotto è il codice:

.cursor{
  cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto;
}

Quindi funzionerà solo con le dimensioni 128 X 128, più grandi e l'immagine non verrà caricata. Ma puoi praticamente usare qualsiasi immagine tu voglia! Questo sarebbe considerato puro CSS3 e alcuni HTML. tutto quello che devi fare in HTML è

<div class='cursor'></div>

e solo in quel div, quel cursore mostrerà. Quindi di solito lo aggiungo al tag body.

Penso che la "migliore risposta" sopra, anche se programmaticamente accurata, non risponda effettivamente alla domanda posta. la domanda chiede come modificare il puntatore nell'evento mouseover. Vedo post su come uno potrebbe avere un errore da qualche parte non rispondendo alla domanda. Nella risposta accettata, l'evento del mouseover è vuoto ( onmouseover="") e l'opzione di stile, invece, è inclusa. Sconcertante perché è stato fatto.

Potrebbe non esserci nulla di sbagliato nel link del ricercatore. considera il seguente html:

<a id=test_link onclick="alert('kinda neat);">Click ME!</a>

Quando un mouse dell'utente si trova su questo link, il puntatore non cambierà in una mano ... invece, il puntatore si comporterà come se stesse passando sopra al testo normale. Uno potrebbe non volerlo ... e quindi, il puntatore del mouse deve essere detto di cambiare.

la risposta cercata è questa (che è stata pubblicata da un altro):

<a id=test_link onclick="alert('Nice!');"
       onmouseover="this.style.cursor='pointer';">Click ME!</a>

Tuttavia, questo è ... un incubo se ne hai molti di questi, o usi questo tipo di cose ovunque e decidi di apportare qualche tipo di cambiamento o di imbatterti in un bug. meglio creare una classe CSS per questo:

a.lendhand {
  cursor: pointer;
}

poi:

<a class=lendhand onclick="alert('hand is lent!');">Click ME!</a>

ci sono molti altri modi che sarebbero probabilmente migliori di questo metodo. DIV , PULSANTI , IMG , ecc. Potrebbero rivelarsi più utili. Non vedo alcun danno nell'uso <a>...</a>, però.

Jarett.

Aggiungi un hrefattributo per renderlo un link valido e return false;nel gestore di eventi per evitare che causi una navigazione;

<a href="#" class="menu_links" onclick="displayData(11,1,0,'A'); return false;" onmouseover=""> A </a>

(O rendere il displayData()ritorno falso e ..="return displayData(..)

La soluzione tramite CSS puro come indicato nella risposta contrassegnata come la migliore non è adatta a questa situazione.

L'esempio in questo argomento non ha un normale attributo href statico, sta chiamando solo JS, quindi non farà nulla senza JS.

Quindi è bene attivare il puntatore solo con JS. Quindi, soluzione

onMouseOver="this.style.cursor='pointer'"

come detto sopra (ma non posso commentare lì) è il migliore in questo caso. (Ma sì, in generale, per collegamenti normali che non richiedono JS, è meglio lavorare con CSS puro senza JS.)