Javascript 标题会毫不延迟地自动弹出
有没有可能实现js onclick功能,如果有人自动点击该图标,标题文本就会显示出来,或者当有人将鼠标移到它上面时,标题就会立即显示出来?现在元素的标题将在1秒后显示。您将无法覆盖默认浏览器行为,即它如何显示包含Javascript 标题会毫不延迟地自动弹出,javascript,html,css,Javascript,Html,Css,有没有可能实现js onclick功能,如果有人自动点击该图标,标题文本就会显示出来,或者当有人将鼠标移到它上面时,标题就会立即显示出来?现在元素的标题将在1秒后显示。您将无法覆盖默认浏览器行为,即它如何显示包含标题属性文本的工具提示,但您可以按照其他问题上的步骤显示和隐藏包含相关文本的div(该方法使用jQuery并处理悬停,但添加单击处理程序并不是一个很大的扩展) 你可以试试这个,纯css,不带js: HTML: 您必须创建自己的工具提示。您不需要JavaScript,纯CSS就足够了:
标题
属性文本的工具提示,但您可以按照其他问题上的步骤显示和隐藏包含相关文本的div
(该方法使用jQuery并处理悬停,但添加单击处理程序并不是一个很大的扩展)
你可以试试这个,纯css,不带js:
HTML:
您必须创建自己的工具提示。您不需要JavaScript,纯CSS就足够了:
。工具提示{
显示:无;
位置:绝对位置;
背景:#ffe;
边框:1px实心#eed;
边界半径:4px;
填充物:2px4px;
}
:悬停+。工具提示{
显示:块;
}
正文{字体系列:无衬线;}
悬停以显示工具提示
工具提示文本显示在此处
可能重复的
<div class="hover">
Hover Me
<div class="tooltip">
Tooltip goes here
</div>
</div>
.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;
}