Programmazione hover

12

Vedi: hover state in Strumenti per sviluppatori di Chrome

Voglio vedere lo :hoverstile di un'ancora su cui sto in bilico su Chrome . In Firebug c'è un menu a discesa che mi consente di selezionare stati diversi per un elemento. Non riesco a trovare nulla di simile in Chrome. Mi sto perdendo qualcosa?

855 css google-chrome hover state google-chrome-devtools

6

Come influenzare altri elementi quando un elemento viene spostato

Quello che voglio fare è quando un certo divviene sospeso, influenzerebbe le proprietà di un altro div. Ad esempio, in questa demo di JSFiddle , quando si passa con il mouse su di #cubeesso cambia, background-colorma quello che voglio è che quando si passa con il mouse sopra #container, #cubeè …

459 html css hover

4

Aggiungi il testo al passaggio del mouse senza JavaScript come se avessimo il mouse sulla reputazione di un utente

In StackOverflow, quando passiamo con il mouse sulla reputazione di un utente, vediamo un testo. L'ho visto in molti punti e il codice sorgente mi dice che può essere fatto senza js. E ho provato e ottenuto solo questo- <div="text">hover me</div>

262 html hover

25

Spostamento degli elementi incorporati quando resi audaci al passaggio del mouse

Ho creato un menu orizzontale utilizzando elenchi HTML e CSS. Tutto funziona come dovrebbe, tranne quando si passa con il mouse sopra i collegamenti. Vedete, ho creato uno stato di passaggio del mouse in grassetto per i collegamenti e ora i collegamenti di menu cambiano a causa della differenza di …

204 html css hover text-size

9

Evento Hover angolare 2

Nel nuovo framework Angular2 , qualcuno conosce il modo corretto di fare un hover come un evento? In Angular1 c'era ng-Mouseover, ma non sembra essere stato riportato. Ho esaminato i documenti e non ho trovato nulla.

198 javascript angular events hover

12

L'effetto di transizione CSS rende l'immagine sfocata / sposta l'immagine di 1 pixel, in Chrome?

Ho alcuni CSS che al passaggio del mouse, un effetto di transizione CSS sposta un div. Il problema, come puoi vedere nell'esempio, è che la translatetransizione ha l'orribile effetto collaterale di far muovere l'immagine nel div di 1px in basso / a destra (e possibilmente ridimensionarla leggermente?) In modo che …

150 css image hover positioning translate-animation

27

Come prevenire gli effetti di hover appiccicoso per i pulsanti sui dispositivi touch

Ho creato una giostra con un pulsante precedente e uno successivo che sono sempre visibili. Questi pulsanti hanno uno stato al passaggio del mouse, diventano blu. Sui dispositivi touch, come iPad, lo stato al passaggio del mouse è appiccicoso, quindi il pulsante rimane blu dopo averlo toccato. Non lo voglio. …

144 javascript css hover touch

14

Come rimuovere / ignorare: passa il mouse sullo stile CSS sui dispositivi touch

Voglio ignorare tutte le :hoverdichiarazioni CSS se un utente visita il nostro sito Web tramite dispositivo touch. Perché il :hoverCSS non ha senso e può anche essere inquietante se un tablet lo attiva facendo clic / tocca perché potrebbe rimanere bloccato fino a quando l'elemento non perde lo stato attivo. …

141 html css hover touch

4

Effetto dissolvenza su Hover Link?

su molti siti, come ad esempio http://www.clearleft.com , noterai che quando i collegamenti vengono posizionati sopra, si dissolveranno in un colore diverso rispetto al passaggio immediato, l'azione predefinita. Suppongo che JavaScript sia usato per creare questo effetto, qualcuno sa come?

134 css hover fade effect

26

Il problema con il passaggio del mouse su iPad / iPhone fa sì che l'utente faccia doppio clic su un collegamento

Ho alcuni siti Web che ho creato qualche tempo fa, che usano eventi mouse jquery ... Ho appena ricevuto un ipad e ho notato che tutti gli eventi del mouse sugli eventi sono tradotti in clic ... quindi ad esempio devo fare due clic anziché uno .. (il primo passaggio …

125 jquery ipad hover mouseover

14

Come faccio a simulare un passaggio del mouse con un browser abilitato al tocco?

Con un po 'di HTML come questo: <p>Some Text</p> Quindi alcuni CSS come questo: p { color:black; } p:hover { color:red; } Come posso consentire a un tocco prolungato su un dispositivo abilitato al tocco di replicare il passaggio del mouse? Posso cambiare markup / usare JS ecc., Ma non …

120 javascript html css hover touch

10

Qual è il contrario di: hover (on mouse leave)?

C'è un modo per fare l'opposto di :hover usare solo CSS? Come in: if :hoveris on Mouse Enter, c'è un CSS equivalente a on Mouse Leave? Esempio: Ho un menu HTML che utilizza gli elementi dell'elenco. Quando passo il mouse su uno degli elementi, c'è un'animazione a colori CSS da …

115 css hover

17

Disabilita gli effetti al passaggio del mouse sui browser mobili

Sto scrivendo un sito Web che deve essere utilizzato sia da desktop che da tablet. Quando viene visitato da un desktop, voglio che le aree cliccabili dello schermo si illuminino con :hovereffetti (diverso colore di sfondo, ecc.) Con un tablet, non c'è mouse, quindi non voglio effetti al passaggio del …

113 javascript hover touch

20

Ispezionare l'elemento al passaggio del mouse in Chrome?

Sto cercando di visualizzare, tramite gli strumenti per sviluppatori di Chrome, come sono strutturati i suggerimenti su un sito. Tuttavia, anche quando si passa con il mouse sopra l'elemento, quando "ispeziono l'elemento", non viene visualizzato nulla per il suggerimento nell'html. So di poter impostare lo stile su :hover, ma non …

106 html css hover google-chrome-devtools

14

È possibile modificare solo l'alfa di un colore di sfondo rgba al passaggio del mouse?

Ho una serie di <a>tag con diversi colori di sfondo rgba ma lo stesso alfa. È possibile scrivere un unico stile CSS che cambierà solo l'opacità dell'attributo rgba? Un rapido esempio del codice: <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> E gli stili a {display: …

100 css hover background-color rgba

Domande taggate «hover»