2012-02-05 21 views
79

有没有方法可以改变元素“title”属性的工具提示的速度?如果工具提示立即出现,我想要它,但似乎需要几秒钟才能完成。更改“title”属性的工具提示出现的速度

+1

那会不会被操作系统和/或网络浏览器确定的?除非你像[this](http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm)那样实现自己的动态工具提示(但不那么可怕):) – c24w 2012-02-05 16:26:57

回答

35

不,没有办法。 title属性以浏览器依赖的方式实现。例如,我记得在其中使用\r\n时,IE和FF之间的区别。

Mozilla's docs很好地解释了限制和功能。

如果你想定制你可能会看看第三方插件,如qTip2它使用div和东西模仿它,并为您提供完全控制。

+0

如果你使用Foundation,他们有一个相当不错的工具提示组件: http://foundation.zurb.com/docs/components/tooltips.html – 2014-03-24 12:52:36

4

无法更改默认浏览器工具提示的显示速度,但您可以使用其中一个工具提示插件(这里是少数几个:http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/),您可以在其中自定义很多事情,包括延迟。

+0

在提供的链接中找不到任何工具提示插件。 – T30 2015-12-24 09:09:39

+0

是啊 - 链接死,但是..谷歌:时尚jQuery的工具提示插件和类似页面的负载弹出:-) – jcansell 2017-10-22 22:40:06

19

您可以按照建议使用jqueryUI。控制在显示属性的持续时间的一个例子:

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

引用总是帮助:https://jqueryui.com/tooltip/ – 2016-07-31 14:23:18

11

Jquery UI tooltip是非常简单的,可定制的:在你的页面只是downloadinclude jQuery UI的。

如果你想让你的页面的所有提示,立即显示在徘徊,只要使用此:

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

请注意,这适用于有一个“标题”属性的所有元素。 您可以修改选择只影响一类,并设置自定义速度或影响:

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