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

Question

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

htmltooltiphover

14

有没有方法可以增加使用html标签中的title属性显示的工具提示的持续时间？

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

- justinl

可能是重复问题：有没有办法让HTML元素的title属性显示更长时间？ - m-smith

4个回答

2

进一步解释phoenix的答案。自定义工具提示将允许您在外观和布局上具有极大的灵活性。您需要获取一个JavaScript库（例如jquery或mootools）并获取一个插件来显示它们。然后，您将链接JQuery .js文件、插件文件以及css文件，最后添加一些标记使其工作。

例如，这个插件：http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ 或者这个插件：http://craigsworks.com/projects/simpletip/ 它们通常很容易安装，唯一的要求是您的网站支持JavaScript。

- Palantir

2

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

不要使用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>

- Make it easy is the hard part

这种解决方案在搜索引擎和屏幕阅读器中效果不佳。 - Samer

1

尝试使用 WZ 工具提示（可能已不再维护）：点击这里

- Himadri

谢谢提供链接。这是一个简单快捷的替代方案，我可能会使用它，而不是jQuery。 - justinl

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rahul · Accepted Answer

我认为这取决于操作系统，您不应该尝试覆盖它。

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

以下是一些不错的选择

jQuery工具提示插件演示