如何增加<a> title attribute (tooltip)</a>的默认悬停时长

时间:2009-10-07 07:18:03

标签: html tooltip hover

有没有办法增加使用html标签的title属性显示的工具提示的持续时间?

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

4 个答案:

答案 0 :(得分:20)

我认为这取决于操作系统,你不应该试图覆盖它。

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

以下是一些好的

jQuery Tooltip Plugin Demo

答案 1 :(得分:2)

进一步阐述凤凰的回答。自定义工具提示将使您在外观和布局方面具有极大的灵活性。你需要获得一个JavaScript库(例如,jquery或mootools)并获得一个插件来显示它们。然后你将链接JQuery .js文件,插件的一个和css,最后你将添加一些标记以使其工作。

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

它们通常很容易安装,唯一的要求是您的网站支持javascript。

答案 2 :(得分:2)

如何增加标题属性的默认悬停时间(工具提示)

不要使用IE浏览器,在Firefox浏览器中没有时间限制。或者使用我完成的代码。

我在html / css中只在一个文件中创建了一些代码,但是不能让它变得更容易。

&#13;
&#13;
<!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>
&#13;
&#13;
&#13;

答案 3 :(得分:1)

尝试WZ工具提示(可能不再维护):Click here