Risposte:
Supponendo che il tuo divabbia un fileid="myDiv" , aggiungi quanto segue al tuo CSS. I cursor: pointerspecifica che il cursore dovrebbe essere la stessa icona mano che è utilizzato per ancoraggi (hyperlink):
CSS da aggiungere
#myDiv
{
cursor: pointer;
}
Puoi semplicemente aggiungere lo stile del cursore al tuo divHTML in questo modo:
<div style="cursor: pointer">
</div>
MODIFICARE:
Se sei determinato a usare jQuery per questo, aggiungi la seguente riga al tuo $(document).ready()o body onload: (sostituisci myClasscon qualsiasi classe tutta la tua divcondivisione s)
$('.myClass').css('cursor', 'pointer');
style="cursor: pointer"al tuo divHTML. Modificherò la mia risposta con un esempio.
Se vuoi farlo in jQuery invece che in CSS, segui fondamentalmente lo stesso processo.
Supponendo che tu ne abbia alcuni <div id="target"></div>, puoi usare il seguente codice:
$("#target").hover(function() {
$(this).css('cursor','pointer');
}, function() {
$(this).css('cursor','auto');
});
E così dovrebbe andare.
divè visibile solo quando il mouse è sopra di esso. Non c'è alcun motivo per rimuoverlo una volta che l'utente si sposta perché il cursore non sarebbe comunque visibile in quel momento.
Penso che :hovermancasse nelle risposte di cui sopra. Quindi seguire farebbe il necessario (se css fosse richiesto)
#myDiv:hover
{
cursor: pointer;
}