我目前有以下代码:
$("ol#homePortfolio li img").fadeTo("slow", 1.0);
$("ol#homePortfolio li img").hover(
function() {
$("ol#homePortfolio li img").fadeTo("slow", 0.8);
},
function() {
$("ol#homePortfolio li img").fadeTo("slow&
在上,当你将鼠标悬停在导航标题“服务”上时,会出现一个下拉列表。然后,当你将鼠标悬停在导航和鼠标标题“修复”上时,你会看到一个二级菜单出现。
我想将第二个黄色的子菜单向上移动,使其与其父菜单“修复”对齐。
现在,我可以通过将top: 0;和have top:-40px添加到ID property: nav li ul li ul来做到这一点。但是,将top:0和/或任何页边距添加到nav li ul li ul会导致二级黄色子导航始终显示,而不是仅在悬停时显示。
有什么建议吗?
下面是一个有效的示例:
我有两个UL,每个都填充了LI。当我将鼠标悬停在.nav-dayselector ul li a上时,jQuery被用来在第二个UL中显示相应的#hover-days ul li (这是必要的,因为实际代码是在overflow:hidden打开的旋转木马中使用的,所以我们需要使用两个单独的UL并以这种方式显示它们。
这很好用-问题是当您将鼠标悬停在弹出的span (#hover-days ul li span)上时,#hover-days ul li会淡出。(请参阅)
当鼠标悬停在跨度上时,我需要停止此fadeOut,以便您可以使用菜单并从:hover span中选择项
任何人有这个解决方案,我想通过css移动div位置,鼠标悬停时,移动div,当我鼠标在div上移动时.
<div class="movediv">I Want to Move this div on hover via css</div>
<div class="testing">
<a class="Linktohover">Test</a>
<div class="showDiv">
<ul>
我有时会有鼠标悬停的问题,当我把鼠标快速移动到链接上时,它会循环很长一段时间,有没有一种方法只在鼠标静止时循环,如果鼠标不在时停止。
$('ul.display li').hover(function() {
$('ul.display li').find('#details').hide(); // hides all deatils div before showing
$('#light').delay('800').fadeIn("fast")
我遇到了一个有趣的jquery问题。基本上,当我将鼠标悬停在另一个父菜单上以显示子菜单时,我需要一个粘性的子菜单来隐藏,然后当我没有悬停在具有子菜单的另一个父菜单上时,它会重新出现。这一切都很好,问题是当我将鼠标悬停在粘性子菜单中的孩子li上时,子菜单会翻转,在显示和不显示之间闪烁。看来我的jquery被孩子li继承了?不管怎样,下面是代码:
CSS
.current-menu-parent ul{
display:block;
position:absolute;
}
#primary-nav ul li:hover ul {
display:inline;
position