「タイトル」属性のツールチップの表示速度を変更する

要素の「title」属性からツールチップの速度を変更する方法はありますか？ツールチップがすぐに表示されたらいいのですが、表示されるまでに数秒かかるようです。

いいえ、方法はありません。このtitle属性は、ブラウザに依存する方法で実装されます。たとえば、IEとFFを使用したときの違いを覚え\r\nています。

Mozillaのドキュメントは制限と機能性をよく説明しています。

カスタマイズが必要な場合は、divやstuffを使用してそれを模倣し、完全な制御を提供するqTip2などのサードパーティのプラグインを確認できます。

推奨されるようにjqueryUIを使用できます。showプロパティの期間を制御する例：

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

jquery UIツールチップは非常にシンプルでカスタマイズ可能です。jqueryUIをダウンロードするか、ページに含めてください。

ページのすべてのツールチップをホバー時にすぐに表示する場合は、次のように使用します。

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

これは、「title」属性を持つすべての要素に適用されることに注意してください。セレクターを変更してクラスのみに影響を与え、カスタムの速度または効果を設定できます。

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

デフォルトのブラウザのツールチップの表示速度を変更することはできませんが、ツールチッププラグインの1つを使用できます（ここにいくつかあります：http : //www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/）遅延を含む多くのことをカスタマイズできます。

TippyJSには10億のカスタマイズオプションがあります。

https://atomiks.github.io/tippyjs

https://github.com/atomiks/tippyjs