标题自动弹出，无延迟答案

【问题标题】：title popups automatically without delay标题自动弹出，无延迟
【发布时间】：2011-10-28 10:38:06
【问题描述】：

有没有机会做一个 js onclick 功能，如果有人会自动点击那个图标，标题文本就会显示出来，或者当有人将鼠标移到它上面时，标题会毫不延迟地显示出来？现在元素的标题会在 1 秒后出现。

【问题讨论】：

Change how fast "title" attribute's tooltip appears 的可能重复项

【解决方案1】：

你可以试试这个，纯css，不用js：

HTML：

<div class="hover">
    Hover Me
    <div class="tooltip">
        Tooltip goes here
    </div>
</div>

CSS：

.hover{
    border:1px solid black;
    text-align:center;
    width:150px;
    position:relative;
}

.tooltip{
    display:none;
    position:absolute;
    border:1px solid red;
    border-radius: 5px;
    padding:5px;
    top:-10px;
    left:200px;
    width: 300px;
}

.hover:hover .tooltip{
    display:block;
}

http://jsfiddle.net/kamil335/qGTUc/

【讨论】：

【解决方案2】：

I just answered the same question

您必须创建自己的工具提示。你不需要 JavaScript，纯 CSS 就足够了：

.tooltip {
    display: none;
    position: absolute;
    background: #ffe;
    border: 1px solid #eed;
    border-radius: 4px;
    padding: 2px 4px;
}
:hover + .tooltip {
    display: block;
}
body { font-family: sans-serif; }

<div>Hover for tooltip</div>
<span class="tooltip">Tooltip text goes here</span>

jsfiddle.net/v655C

【讨论】：

【解决方案3】：

您将无法覆盖默认浏览器行为，即它如何显示包含 title 属性文本的工具提示，但您可以按照其他问题上的步骤显示和隐藏包含相关文本的 div （该方法使用 jQuery 并处理悬停，但添加 click 处理程序并没有太大的难度）。

jQuery Hide/Show with Slide on Hover... better way to do this?

【讨论】：