javascript finestra pop-up

In alcune pagine Web, quando si ferma il puntatore del mouse su alcune parole (ad esempio alcuni nomi di film famosi) sulla pagina Web, verrà visualizzata una finestra pop-up vicino alle parole, mostrando forse alcune immagini correlate per la stella di movimento, un breve riassunto per la stella del cinema e il relativo link di twitter per questa stella del cinema. Quindi possiamo spostare il mouse sulle finestre pop-up per fare clic per il link di foto o twitter.javascript finestra pop-up

Quando il cursore del mouse lascia questa finestra a comparsa, la finestra a comparsa scompare automaticamente.

Esistono codici già pronti per l'uso per implementare tale effetto?

BTW: Ho ricordato che alcuni siti Web hanno una parola chiave di sottolineatura e quando il mouse si sposta su tali parole chiave, verrà visualizzata una finestra di annunci correlati attorno alla parola chiave. Questo è l'effetto che sto cercando in questa domanda.

grazie in anticipo, George

fonte

2010-11-02 George2

Che cosa stai chiedendo? Non vedo alcun punto interrogativo. –

qual è la domanda esattamente? Come implementarlo? Ci sono molti modi ... – Alex

Scusa Josh, mio errore. Ecco cosa sto chiedendo "Ci sono dei codici già pronti all'uso per implementare questo effetto?". – George2

Look at [jQuery UTENSILI] [1] - i tooltip.

[1]: http://flowplayer.org/tools/index.html jQuery Tools

fonte

2010-11-02 16:12:38

+ 1 per jQuery. :) – Alex

Quale componente o collegamento più dettagliato per gli strumenti jQuery devo utilizzare per implementare l'effetto che sto cercando? – George2

Ciao Alex, quale componente degli strumenti jQuery dovrei usare per implementare tale effetto? – George2

penso onmouseover è quello che avete bisogno di guardare in

fonte

2010-11-02 16:08:24 NimChimpsky

Avete un esempio pronto all'uso, NimChimpsky? – George2

Si potrebbe anche voler utilizzare l'attributo title in alcuni elementi HTML.

Un esempio da questa pagina:

<span class="reputation-score" title="your reputation score; view reputation privileges">611</span>

quando si passa sopra la vostra reputazione si ottiene il messaggio nella title. Non è così elegante come alcune delle altre risposte, ma è veloce e semplice.

fonte

2010-11-02 16:10:02 YWE

Hai un esempio pronto per me da seguire, YWE? – George2

@ George. Ho aggiunto un esempio. – YWE

Stai cercando l'effetto HoverCard?

http://www.shoutmeloud.com/gravatar-hovercards-for-wordpress-org-blogs.html

http://closure-library.googlecode.com/svn/docs/closure_goog_ui_hovercard.js.source.html

fonte

2010-11-02 16:11:11 Jochen

Sì, questo è quello che sto cercando. Qualche codice esistente pronto per l'uso? – George2

I collegamenti sopra riportati sono morti a partire dal 2017. La libreria di chiusura di Google per Hovercards sembra essere ancora disponibile da qui: https://google.github.io/closure-library/api/goog.ui.HoverCard.html –

risposta

Problemi correlati