Risposte:
Supponendo che il tuo div
abbia un fileid="myDiv"
, aggiungi quanto segue al tuo CSS. I cursor: pointer
specifica 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 div
HTML 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 myClass
con qualsiasi classe tutta la tua div
condivisione s)
$('.myClass').css('cursor', 'pointer');
style="cursor: pointer"
al tuo div
HTML. 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 :hover
mancasse nelle risposte di cui sopra. Quindi seguire farebbe il necessario (se css fosse richiesto)
#myDiv:hover
{
cursor: pointer;
}