Modifier la vitesse d'affichage de l'infobulle de l'attribut "titre"

Existe-t-il un moyen de modifier la vitesse de l'info-bulle de l'attribut "titre" d'un élément? J'aimerais que l'info-bulle apparaisse immédiatement, mais elle semble mettre quelques secondes à apparaître.

Non, il n'y a pas moyen. L' titleattribut est implémenté de manière dépendante du navigateur. Par exemple, je me souviens des différences entre IE et FF lors de l'utilisation à l' \r\nintérieur.

Les documents de Mozilla expliquent bien les limites et les fonctionnalités.

Si vous voulez une personnalisation, vous pouvez jeter un oeil à des plugins tiers tels que qTip2 qui l'imitent à l'aide de divs et d'autres choses et vous offrent un contrôle total.

Vous pouvez utiliser jqueryUI comme suggéré. Un exemple de contrôle de la durée sur la propriété show:

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

L'infobulle de l'interface utilisateur Jquery est extrêmement simple et personnalisable: il vous suffit de télécharger ou d' inclure l' interface utilisateur jquery dans votre page.

Si vous souhaitez que toutes les info-bulles de votre page s'affichent immédiatement au survol, utilisez simplement ceci:

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

Notez que cela s'applique à tous les éléments qui ont un attribut 'title'. Vous pouvez modifier le sélecteur pour n'affecter qu'une classe et définir une vitesse ou un effet personnalisé:

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

Il n'est pas possible de modifier la vitesse d'apparition de l'infobulle du navigateur par défaut, mais vous pouvez utiliser l'un des plugins d'info-bulle (en voici quelques-uns: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ ) où vous pouvez personnaliser beaucoup de choses, y compris le retard.

TippyJS a un milliard d'options de personnalisation.

https://atomiks.github.io/tippyjs

https://github.com/atomiks/tippyjs