将鼠标悬停在链接上,切换div的可见性直到鼠标离开BOTH链接和div
问题描述:
通常的问题是:“如何将鼠标悬停在一件事物上并使thingOneFriend滑动打开?将鼠标悬停在链接上,切换div的可见性直到鼠标离开BOTH链接和div
除此之外:“如何让thingOneFriend保持打开状态,直到鼠标离开任一元素?
再加上thingOneFriend不包含在thingOne中的警告。
所以:
<div>
<ul>
<li><a href="blerg" id="#thingOne"></li>
<li><a href="blarg" id="#thingTwo"></li>
<li><a href="blorg" id="#thingThree"></li>
</ul>
<div id="thingOneFriend">I'm normally hidden</div>
<div id="thingTwoFriend">Me too.</div>
<div id="thingThreeFriend">Word.</div>
</div>
我已经试过:
$(“#thingOne”).hover(function() {
$("#thingOneFriend").slideToggle(400);
});
答
使用jQuery libary(在JS语言).mouseOver()
method
这里是你的问题的示例:
<a href="#" id="hover">onHover this will open a little window</a>
<div id="hidden" style="display: none;">Hello</div>
和脚本:
$("#hover").mouseover(function() {
$("#hidden").css("display", "block");
});
$("#hover").mouseout(function() {
$("#hidden").css("display", "none");
});
您可以使用onmouseout保持可视性当鼠标离开链接隐藏。 您还可以阅读有关该方法的.css()
有这个烦恼:http://jsfiddle.net/hjo4291t/ – Octavian 2014-09-25 18:03:06
@Octavian http://jsfiddle.net/hjo4291t/1/您有一个名为id就是这样#ThingOne,你应该正常地命名它们。不要忘记接受我的回答:) – ExCluSiv3 2014-09-25 18:12:06
良好的捕获 - 复制和粘贴,并错过它。将小鼠添加到小提琴中。剩下的一件事 - 需要在div悬停时保持div打开。 http://jsfiddle.net/m7nqoqpr/ – Octavian 2014-09-25 18:25:29