更改 「title」 屬性的工具提示的顯示速度

問題描述

有沒有辦法從元素的”title” 屬性更改工具提示的速度？如果工具提示立即出現，我想要它，但似乎需要幾秒鐘的時間。

最佳解決方案

不，沒辦法。 title 屬性以瀏覽器依賴的方式實現。例如，我記得在其中使用 rn 時 IE 和 FF 之間的差異。

Mozilla’s docs 解釋極限和功能。

如果您想定製，您可以查看第三方插件，如 qTip2，它使用 div 和東西來模擬它，併為您提供完全控制。

次佳解決方案

你可以按照建議使用 jqueryUI 。控制展示屬性持續時間的一個例子：

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

第三種解決方案

Jquery UI tooltip 是非常簡單和可定製的：只是 download 或 include jquery UI 在您的頁面。

如果您希望頁面的所有工具提示在懸停時立即顯示，請使用以下命令：

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

請注意，這適用於所有具有’title’ 屬性的元素。您可以修改選擇器僅影響類，並設置自定義速度或效果：

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

第四種方案

不可能更改默認瀏覽器的工具提示出現的速度，但是您可以使用其中一個工具提示插件 (這裏有幾個：http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/)，您可以自定義批次的內容，包括延遲。

參考文獻

• Change how fast 「title」 attribute’s tooltip appears

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。