如何增加默认悬停持续时间<a>标题属性（工具提示）

有没有办法增加使用html标签的title属性显示的工具提示的持续时间？如何增加默认悬停持续时间<a>标题属性（工具提示）

目前在IE中它似乎只有约5秒的持续时间，然后消失。

2009-10-07 justinl

的可能重复的[有没有办法有一个html元素，以显示更长时间的title属性？]（http://stackoverflow.com/questions/1245936/对于完全正确的是+1，那么这个方法就是为了拥有一个HTML元素来显示所有人的信息） – LordScree 2013-10-18 09:05:54

我认为这是依赖于操作系统，你不应该试图重写。

最好的方法是创建自定义工具提示。

这里有一些好的

jQuery Tooltip Plugin Demo

来源

2009-10-07 07:19:11 rahul

+1。 OP应该寻找一个不错的轻量级工具提示库，有吨。 – timdev 2009-10-07 07:22:21

谢谢！我不确定它是否受操作系统控制，是否可以用css设置。 – justinl 2009-10-07 07:24:09

进一步阐述凤凰”的答案。自定义工具提示可以让您在外观和布局上拥有极大的灵活性。您需要获得一个JavaScript库（例如jquery或mootools）并获取一个插件来显示它们。然后你将链接JQuery .js文件，插件的一个和CSS，最后你会添加一些标记来使它工作。

例如，这一个：http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/或这一个：http://craigsworks.com/projects/simpletip/

他们通常安装相当简单，唯一的要求是，你的网站支持JavaScript。

来源

2009-10-07 07:23:26 Palantir

这些都很棒！感谢：D – justinl 2009-10-07 07:28:23

尝试WZ提示（可能不再维持）：Click here

来源

2009-10-07 07:34:32 Himadri

感谢您的链接。这是使用jQuery最简单快捷的替代方法，我最终可以使用它。 – justinl 2009-10-08 06:49:47

如何增加title属性（提示）

不要使用IE浏览器，在Firefox浏览器没有时间限制的默认悬停时间。或者使用我完成的代码。

我只在一个文件中做了一些html/css代码，不能让它更容易。

<!DOCTYPE html><html><body><style> 
 
.m span{display: none;list-style: none} .m {z-index:24;position:relative;display:inline-block} 
 
.m:hover span{z-index:999;display:block;position:absolute;top:19px;left:1em;border:1px solid #000;background-color:#eee;color:#000;min-width:300px} 
 
</style> 
 
<div class="m"> News   <span> Links inside span works good <a target="_blank" href="http://cnn.com">Cnn.com</a></span></div> 
 
<div class="m"> Hover over here and Information comes up <span> To make complex things easy is not so easy to do. </span></div> 
 
<br> Just som text here to give you the 3D effect <br> 
 
</body></html>

来源

2015-02-13 15:58:46

此解决方案不适用于搜索引擎和屏幕阅读器。 – Samer 2015-05-26 16:38:53

如何增加默认悬停持续时间<a>标题属性（工具提示）

回答

相关问题