我有一个导航,它通过css隐藏在视口之外,并通过:hover伪类显示在包含li的光标上。下面是标记和css。
ul li div#someid{position:absolute;left:-9999px;opacity:0;}
ul li:hover div#someid { left:0;opacity:1;z-index:9000;}
<ul>
<li>
<div>The Content to Hide <a href="#runAjax">Click Me</a></div&
My Problem:
我的要求是在html元素的悬停上显示弹出窗口。这个实现非常重要的部分是,即使在弹出窗口本身的悬停状态下,弹出窗口也应该是可见的。
试图实现:
对我来说,弹出窗口显示的是目标元素的悬停。它也显示在弹出式窗口的悬停上。但问题是,我只能显示弹出弹出在悬停的弹出式,如果它只是接近目标元素。但是,如果我希望悬停弹出离目标元素更远一点,那么当我将光标移到目标元素时,弹出窗口就会消失。有谁实现了这个场景吗?
我正在使用jQuery。可以重新编写以下代码:
//Catching the mouse over event and showing the hover popup.
我有一个菜单,当我悬停其中一个链接时,div会显示出来。我希望用户能够将鼠标悬停在此div上,但当用户将鼠标悬停在div之外时(我想它被称为鼠标输出),我希望它隐藏起来。
想象一下css中的一个下拉菜单,用户将鼠标悬停在链接上,然后显示子导航,当用户将鼠标悬停在链接外或远离链接时,子导航消失。如何使用jquery完成此操作?
这就是我所拥有的:
$(document).ready(function(){
//when user hovers over plans the mainnavbottom is shown
$(".plans").hover(
functi
在下面的菜单中,我的CSS中包含以下内容:
ul li ul {display:none;}
当一个菜单项被选中时,我使用这个jQuery来显示子菜单:
$('ul li.selected ul').show();
因此,我对如何处理顶级菜单的悬停感到困惑。当我将鼠标悬停在顶级菜单项上时,如何隐藏所有子菜单而只显示悬停的菜单项。但是当悬停在它上面时,我需要它再次显示原来的li.select。我该怎么做呢?
<div class="menu">
<ul>
<li class="administration first
在我的代码中,我使用了一个脚本,该脚本生成一个随机的4张图像集,在刷新时显示。我希望仅当光标悬停在相应图像上时才显示文本。
对于如何使用CSS实现这一点有什么建议吗?我不确定将悬停元素放在哪里。
Javascript
$(document).ready(function() {
$(".champ").hide();
var elements = $(".champ");
var elementCount = elements.size();
var elementsToShow = 4;
var alreadyChoosen = ",";
v