有没有办法改变元素的"标题"属性的工具提示的速度?如果工具提示立即出现,我会喜欢它,但似乎需要几秒钟才能完成.
使用Hover隐藏或显示项目时基本上遇到了一些麻烦.
这个想法很简单,在悬停时显示一个div.当不再盘旋时,隐藏它.问题是如果鼠标悬停在div上并且离开太快,show/hide div将保持可见.我希望这可以很容易地解决,而不是悬停事件的典型问题.
jQuery
(
function()
{
jQuery(".slideDiv").hide();
jQuery(".mainDiv").hover
(
function()
{
var children = jQuery(this).children(".slideDiv");
if (children.is(":hidden"))
{
children.show("slide", { direction: "left" }, 100);
}
},
function()
{
var children = jQuery(this).children(".slideDiv");
children.hide("slide", { direction: "left" }, 100);
}
);
}
);
Run Code Online (Sandbox Code Playgroud)
样式看起来像:
.mainDiv
{
margin:5px;
height:200px;
}
.slideDiv
{
background-color:Teal;
float:left;
height:200px;
position:absolute;
z-index:100;
}
Run Code Online (Sandbox Code Playgroud)
和标记
<div class="mainDiv">
<div class="showDiv">
Hover me
</div>
<div class="slideDiv">
Do you see me?
</div>
</div>
<div class="clear"></div>
<div class="mainDiv">
<div class="showDiv">
Hover …Run Code Online (Sandbox Code Playgroud)