Aggiungi Classe Al Passaggio Del Mouse Javascript

| | | |

Il CSS: il selettore al passaggio del mouse seleziona un elemento quando si passa il mouse sopra quell`elemento con il cursore. Ad esempio, puoi usare: passa il mouse per cambiare il colore di un link quando passi il cursore sul link

Puoi trasferire gli stili che si applicano a un elemento della tua pagina web quando il. . L`utente passa con il mouse su questo elemento

è dove è disponibile il selettore CSS in: hover. Il: Selettore al passaggio del mouse ti consente di selezionare gli elementi mentre passi con il mouse. Questo ti permette di applicare gli stili quando passi il mouse sopra l`elemento

Questo tutorial discuterà, con esempi, le basi dei selettori nei CSS e come usare il selettore CSS. Volo in bilico. Alla fine di questo tutorial, sarai un esperto nella scelta degli elementi di stile usando:. Passa il mouse

Selettori CSS

Nei CSS, i selettori vengono utilizzati per selezionare gli elementi HTML per i quali vuoi applicare lo stile su una pagina web. I selettori ti consentono di scegliere gli elementi in base al loro ID, classe, gruppo o attributi, in modo da poter applicare determinati stili a elementi specifici.

Ad esempio, supponi di voler creare tutti i tag

in un Il documento HTML viene visualizzato con uno sfondo rosa brillante. Puoi farlo usando questo codice:

In questo codice utilizziamo il selettore

che seleziona tutti i tag

nella pagina web. Successivamente, tra parentesi graffe, specifichiamo lo stile che vogliamo applicare al tag

nel

selettore CSS: pagina web. Hover

Il selettore CSS: il passaggio del mouse seleziona un elemento passando sopra l`elemento con il mouse.: Il passaggio del mouse può essere utilizzato su qualsiasi elemento CSS, ma è comunemente usato sui collegamenti.: Il passaggio del mouse è specificato dopo il nome di l`elemento che vuoi selezionare, ad esempio a: passa il mouse per un link

C`è un`ampia varietà di scenari in cui puoi utilizzare il selettore: passa il mouse. Ecco alcuni potenziali casi d`uso per il selettore:.

  • Cambia il colore del testo quando il mouse passa sopra una riga di testo
  • Modifica le dimensioni di un`immagine quando l`utente passa il mouse passare il mouse sull`immagine .
  • Cambia il colore di un pulsante quando il mouse passa sopra il pulsante.

In tutti questi casi d`uso, viene applicato uno stile specifico quando l`utente passa il mouse sopra un elemento con il cursore

sintassi del selettore: in volo stazionario è:

Ecco le principali componenti della sintassi: hover:

la seconda regola cambia il colore di un tag sulla pagina web in arancione quando il mouse passa sopra il tag . Questo viene fatto usando il selettore: passa con il mouse.

Quindi, quando ci si passa sopra con il mouse sul testo della homepage di Karma Career, il colore della rilegatura diventa arancione

CSS effetto al passaggio del mouse:. visualizzare un blocco di testo

il selettore: il passaggio del mouse può essere utilizzato anche per visualizzare un blocco di testo quando il mouse passa sopra di esso su una riga di testo

Supponiamo di progettare una FAQ pagina per il sito di carriera Karma. . Quando l`utente passa il mouse su una domanda, dovrebbe apparire un blocco di testo con la risposta alla sua domanda. Potremmo creare una domanda di esempio usando questo codice:

Auto eer Karma è una community di colleghi, mentori e coach che ti aiuteranno a realizzare una carriera da sogno nel campo della tecnologia
. div {visualizzazione: nessuno; colore di sfondo: arancione; imbottitura: 10px; } Durata: hover + div {visualizzazione: blocco; }

Clic Immagine del pulsante

Abbiamo usato un tag per creare la domanda "Cos`è Karma Career?" " che appare sulla nostra pagina web. Quindi, abbiamo usato un tag . Tag: