Question

我得到以下

<span id="pageLink" style="cursor:pointer;" onClick="...." title="<%=pHelper.getNameToolTip()%>">

在firefox中，工具提示会一直停留在鼠标移动之前，但在IE中，它只会在那里停留约5秒钟并消失。

有没有办法让它持续更久？

Answer 1

没有内置浏览器工具提示，没有。

有大量类似工具提示的UI组件使用定位的DOM元素，可以更精细地控制演示和显示持续时间。我从来没有使用过，所以不能保证任何一个，所以我不会链接到任何一个。谷歌搜索“JavaScript工具提示”将为您提供充足的帮助。对于像jQuery这样的现有库，还有很多工具提示插件。

Answer 2

不确定您是否倾向于使用jQuery，但有许多工具提示插件可以提供您正在寻找的功能，以及一些附加功能。

Answer 3

您可以根据需要更改jquery dynamic tooltip的答案

Answer 4

正如其他人所说，您无法更改浏览器显示工具提示的默认方式。您的显示功能也非常有限。（例如，仅文本，无法控制布局，包装或样式，没有图像，......）我在项目中使用了jQuery Tooltip，它运行得非常好。它为您提供对工具提示的高度控制，包括显示任意内容。强烈推荐。

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

Answer 5

如果您不介意添加一些HTML，可以使用CSS创建一个简单的工具提示。

.tipLink{
  color:#ff3333;
  cursor:pointer;
  position:relative;
}
.tip{
  position:absolute;
  display:none;
  top:10px;
  left:30px;
  background-color:#dddddd;
  border:1px solid black;
  width:100px;
  color:black;
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
  text-align:center;
}
.tipLink:hover .tip{
  display:block;
}

，HTML看起来像

<div>Select as many as apply
<span class='tipLink'>?
<span class='tip'>Press Ctrl to choose more than one option.</span>
</span>
</div>
<br/>

如何让工具提示在IE中显示更长时间

5 个答案: