更改“标题”属性的工具提示出现的速度


140

有没有一种方法可以从元素的“标题”属性更改工具提示的速度?我希望工具提示立即出现,但似乎需要几秒钟的时间。


1
是否由操作系统和/或Web浏览器确定?除非您像这样实现自己的动态工具提示(但要少一些可怕):)
c24w 2012年

绝对应要求将此功能添加到html / css标准中。
Arnaud

Answers:


79

不,没有办法。该title属性以浏览器相关的方式实现。例如,我记得在\r\n内部使用IE和FF时的区别。

Mozilla的文档很好地解释了限制和功能。

如果您想进行自定义,则可以看看第三方插件(例如qTip2),它们使用div和东西模拟它,并为您提供完全控制。


如果您使用的是Foundation,则它们具有很好的工具提示组件:foundation.zurb.com/docs/components/tooltips.html
Danny R

29

您可以按照建议使用jqueryUI。控制show属性的持续时间的示例:

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

15

jQuery UI工具提示非常简单且可自定义:只需下载 jquery UI 或将其包含在页面中即可。

如果您希望页面上的所有工具提示在悬停时立即显示,请使用以下命令:

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

请注意,这适用于所有具有“ title”属性的元素。您可以修改选择器以仅影响类,并设置自定义速度或效果:

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


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.