Modifica la velocità di visualizzazione della descrizione comandi dell'attributo "titolo"


140

C'è un modo per cambiare la velocità con cui il tooltip dell'attributo "title" di un elemento? Mi piacerebbe se il tooltip apparisse immediatamente, ma sembra che occorra qualche secondo per apparire.


1
Ciò non sarebbe determinato dal sistema operativo e / o dal browser Web? A meno che non implementi la tua descrizione
comandi

Sicuramente questa funzionalità dovrebbe essere richiesta per essere aggiunta negli standard html / css.
Arnaud,

Risposte:


79

No, non c'è modo. L' titleattributo è implementato in modo dipendente dal browser. Ad esempio, ricordo le differenze tra IE e FF durante l'utilizzo \r\nal suo interno.

I documenti di Mozilla spiegano bene i limiti e le funzionalità.

Se vuoi personalizzare, puoi dare un'occhiata a plugin di terze parti come qTip2 che lo imitano usando div e cose e ti offrono il pieno controllo.


Se stai usando Foundation, hanno un componente tooltip abbastanza buono: foundation.zurb.com/docs/components/tooltips.html
Danny R

29

È possibile utilizzare jqueryUI come suggerito. Un esempio di controllo della durata sulla proprietà show:

$( ".selector" ).tooltip({ show: { effect: "blind", duration: 800 } });

15

Il tooltip dell'interfaccia utente di Jquery è estremamente semplice e personalizzabile: basta scaricare o includere l' interfaccia utente di jquery nella pagina.

Se vuoi che tutte le descrizioni comandi della tua pagina vengano mostrate immediatamente al passaggio del mouse, usa questo:

$(document).tooltip({show: null});

Si noti che questo vale per tutti gli elementi che hanno un attributo 'title'. Puoi modificare il selettore in modo che influisca solo su una classe e impostare velocità o effetto personalizzati:

$('.yourClass').tooltip({show: {effect:"none", delay:0}});

5

Non è possibile modificare la velocità di visualizzazione della descrizione comandi del browser predefinita, ma è possibile utilizzare uno dei plug-in della descrizione comandi (qui sono pochi: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ ) dove è possibile personalizzare molte cose, incluso il ritardo.


1
Impossibile trovare alcun plug-in del tooltip nel collegamento fornito.
T30,

1
sì - i collegamenti muoiono, comunque .. google: pop-up-plug-in-stylish-jquery e un sacco di pagine simili si
aprono

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.