JQuery悬停仅显示多个元素的第一个隐藏区域
基础概念
JQuery（jQuery）是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。悬停（Hover）是鼠标指针移动到元素上方时触发的事件。
相关优势
- 简化DOM操作：JQuery提供了简洁的语法来选择和操作DOM元素。
- 跨浏览器兼容性：JQuery处理了不同浏览器之间的差异，使得代码在不同浏览器中表现一致。
- 丰富的插件支持：JQuery有大量的插件库，可以轻松实现各种功能。
类型
悬停事件主要有两种类型：
mouseenter：当鼠标指针进入元素时触发。mouseleave：当鼠标指针离开元素时触发。
应用场景
悬停效果常用于：
- 图标提示
- 菜单展开
- 动态显示隐藏内容
问题描述
JQuery悬停仅显示多个元素的第一个隐藏区域。
原因分析
这个问题通常是因为在选择器中没有正确地选择所有需要悬停显示的元素，导致只有第一个元素被处理。
解决方法
确保选择器能够正确地选择所有需要处理的元素，并为每个元素绑定悬停事件。
示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JQuery Hover Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
.hidden {
display: none;
}
</style>
</head>
<body>
<div class="hover-element">Element 1</div>
<div class="hidden">Hidden Content 1</div>
<div class="hover-element">Element 2</div>
<div class="hidden">Hidden Content 2</div>
<div class="hover-element">Element 3</div>
<div class="hidden">Hidden Content 3</div>
<script>
$(document).ready(function() {
$('.hover-element').hover(
function() {
// 显示当前元素的隐藏内容
$(this).next('.hidden').show();
},
function() {
// 隐藏当前元素的隐藏内容
$(this).next('.hidden').hide();
}
);
});
</script>
</body>
</html>参考链接
通过上述代码，每个.hover-element元素的悬停事件都会正确地显示和隐藏其对应的隐藏内容。
相关·内容
1回答
目前，my site水平显示菜单项，当用户将鼠标悬停在每个菜单项上时，将显示其子菜单项。但是，当用户尝试单击子项目时，它们就消失了。有什么办法可以延迟显示子项的时间吗？
浏览 2提问于2012-07-01得票数 0
1回答
我试图使用Jquery将页脚div附加到另一个div中，并将新添加的脚注div显示在悬停中，然后慢慢淡出/隐藏。到目前为止，这是我想出的代码：
<script type="text/javascript">
$('.xg_widget_main .module_forum .vcard').hover(function(){
$(this).append($('.module_forum .xg_module_foot').show('slow'));
});
</script>
我在这段代码中遇到的障碍是
浏览 2提问于2012-04-28得票数 1
1回答
我想使用jquery创建一个上下文菜单。
下面是我们的行为：
在悬停上显示已填充的上下文菜单。
我如何实现这一点？假设我在这片土地上没有位置持有者。我只有x，y坐标，悬停事件发生的地方。
基于jquery站点上的文档，只有创建菜单的标记方式。
浏览 2提问于2013-11-20得票数 0
1回答
我有一个被分成10个不同多边形的图像，当我悬停在一个多边形上时，需要一个div来显示，然后保持不变，直到我离开图像，或者如果我悬停在一个不同的多边形上，div可以更改信息。
我试着通过CSS+HTML来做这件事，但是我不能让它以我想要的方式工作。也许我需要JQuery或者别的什么，但是我不知道该怎么做。
你可以通过图片看到我希望在这里实现的，在这里我有一个前后的。
谢谢!
浏览 1提问于2013-08-14得票数 0
2回答
有人知道如何在将鼠标悬停在另一个元素上时(平滑地)显示div吗？例如，将鼠标悬停在“新闻”链接上，然后带有新闻的div将在鼠标移开时出现和消失。
我猜我会用jQuery来解决这个问题，但是有谁有什么建议可以从哪里开始呢？
浏览 0提问于2012-03-05得票数 0
回答已采纳
我想在jquery中使用for循环，以便：
“对于每个hover_link:在悬停的hover_link旁边显示隐藏的div。”
当前的jquery不显示隐藏的div，更不用说将隐藏的div定位在悬停链接旁边，并且不知道如何为多个hover_links循环。
jquery：
$(document).ready(function() {
$(".hover_link").mousemove(function(e) {
$("#box1").show();
$(".box").css({
浏览 3提问于2012-06-26得票数 1
回答已采纳
嘿，伙计们，我刚刚读完我的第一本xhtml/css书，现在正在读一本javascript/html的书。我想做一个非常简单的效果，但我不能弄清楚，因为我不熟悉jquery (还有javascript )。
所以我想要一个像这样的效果：
图像四处移动，但在其边界周围有一种“遮罩”，因此其固定位置固定，但图像移动(鼠标悬停)。一旦鼠标光标没有悬停在图像上，图像应该会迅速回到原来的位置，但这似乎很简单。现在我只是想弄清楚如何制作那个面具……使用静态图像和overflow:hidden属性很简单，但我认为animate()会将元素从流中删除，因为我不能让overflow正常工作。也许它也与positi
浏览 3提问于2012-04-21得票数 0
回答已采纳
在这里，我给出了我需要的工具提示的图像。
当有人将鼠标指针悬停在终身保修图像上时，工具提示将显示在该图像的正下方，并且工具提示的定位方式是使上图像位于下图的中心。
我知道如何使用jquery显示工具提示，当悬停在图像上时，但我无法在图像下显示工具提示，并且悬停图像位于中心。所以我需要帮助。如果可能，请帮助我的示例代码。谢谢
浏览 3提问于2012-01-13得票数 0
回答已采纳
我有一个网站覆盖分区(#网站覆盖)，我已经设置为显示:无，并希望改变类，以阻止当我悬停并单击我的菜单按钮。为此，我可以使用普通Javascript和Jquery。
我的菜单是基于Javascriptbased的，所以不确定它是否足以切换菜单按钮div？
这是菜单中按钮的html：
<ul class="megamenu">
<li class="megamenu_button" style="display: none;">
<a href="#_">Mega Menu&
浏览 5提问于2015-03-06得票数 0
回答已采纳
当我将鼠标悬停在图库中的div元素(图像或文件名)上时，我试图在div中显示exif信息。在图库之外做这件事很容易，但是当我尝试使用图库的div元素来做这件事时，什么也没有发生，因为内容是通过jquery.galleriffic.js动态提供的。
当你将鼠标移到图片上时，你可以在这里看到效果：
我有exif信息显示在数据库中，所以我只需要知道当悬停在图像上时如何显示/隐藏div。反复试验会花我一段时间，所以如果你是专家，我会很感激一些关于在哪里放置.bind的建议。jquery.galleriffic.js中的语句
这是一个类似的问题，但问题没有得到解决：
浏览 3提问于2013-02-11得票数 0
1回答
我有一张用d3制作的地图，它的标题是我想要显示的工具提示上方的悬停。它正确地处理鼠标单击事件以进行摇摄和缩放。然而，它不处理鼠标对工具提示。
我的HTML看起来如下：
<div id="mapwrapper">
<div id="map">
<svg width...>
如果我为任何鼠标事件(单击/mouseover)设置了jquery处理程序，它将为map包装器或map触发，但不会触发SVG中的任何内容。
$("#mapwrapper").on("mouseover",
浏览 3提问于2014-03-15得票数 0
我的情况是:我有两个部分重叠的Div，每个都有悬停效果:Div 1-包含一个条形图，其中的条形图对悬停有影响。Div 2-是一个覆盖屏幕底部20%的区域，当用户悬停在屏幕上(例如，靠近屏幕底部)时，一个控件从底部滑行，允许他们将全局属性更改为表。
我希望浏览器能够独立地检测任何一个对象上的悬停，但是所发生的是，顶部的任何对象都检测到悬停，而另一个则没有。我发现了一堆几乎相关的问题，但似乎没有什么能回答这个问题。
这是一个原型，所以只能在一个浏览器(最好是Chrome)上工作的hacky答案是可以的。另外，使用CSS、jQuery或JS的解决方案都是可以的。
编辑:添加了一个小提琴，我认为这将说
浏览 6提问于2013-07-23得票数 3
回答已采纳
2回答
我在使用一些jquery时遇到了问题。我想能够悬停一个歌曲专辑封面，然后将显示一个播放按钮，并允许我播放一首歌曲。不过现在，当我将鼠标悬停在专辑封面上时，页面上似乎显示了所有包含播放按钮相同div名称的div。我如何才能将播放按钮图示为仅显示在我正在悬停的相册封面上。另外，我如何才能阻止按钮直接淡入淡出？
我现在正在使用这个jquery代码
<script>
$(document).ready(function()
{
$("#cover_overlay").hover(
function () {
$(".el-play")
浏览 1提问于2012-02-02得票数 1
回答已采纳
6回答
有没有办法将鼠标悬停在已经隐藏的元素上。我正在尝试模仿Steam在主页上的箭头导航功能。您会注意到，当您第一次到达页面时，没有显示箭头：
然后，当您将鼠标悬停在应该有箭头的区域上时，它会自动显示出来：
我已经尝试将包含箭头图像的div设置为display: none，也尝试了visibility: hidden，但似乎都不能使用jQuery中的悬停或鼠标悬停方法。我本以为visibility: hidden会让它工作，但事实似乎并非如此。有没有其他方法可以从一开始就隐藏这些div，但仍然可以让鼠标悬停事件在它们上面工作？
浏览 0提问于2011-12-22得票数 24
回答已采纳
我有一个导航，它通过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&
浏览 1提问于2011-07-20得票数 0
回答已采纳
3回答
我遇到了一个有趣的jquery问题。基本上，当我将鼠标悬停在另一个父菜单上以显示子菜单时，我需要一个粘性的子菜单来隐藏，然后当我没有悬停在具有子菜单的另一个父菜单上时，它会重新出现。这一切都很好，问题是当我将鼠标悬停在粘性子菜单中的孩子li上时，子菜单会翻转，在显示和不显示之间闪烁。看来我的jquery被孩子li继承了？不管怎样，下面是代码：
CSS
.current-menu-parent ul{
display:block;
position:absolute;
}
#primary-nav ul li:hover ul {
display:inline;
position
浏览 0提问于2012-07-11得票数 0
回答已采纳
2回答
我有两个div，都是脚注配置。其目的是，在悬停时，通过显示隐藏的div向上扩展页脚。
#extendedFooter,
#test {
display: none;
}
#standardFooter:hover~#extendedFooter,
#standardFooter:hover~#test{
display: block;
}
<div id='extendedFooter'>
It does not work :(
</div>
<div id='standardFooter'>
浏览 2提问于2017-05-29得票数 0
找了很久所以我来这里问..。
如何使用jQuery打印编辑/创建/删除节点链接？当我悬停在< li >'s上时，我只想显示链接。我已经有了悬停代码.所以我真的需要编写代码来获得编辑/创建/删除节点链接。
编辑:所以，不是当前的URL，而是获取ID/NID。这些都在列表中。当悬停在项目上时，我想显示该特定文章的编辑/删除按钮。
提前感谢！
浏览 0提问于2013-02-07得票数 0
回答已采纳
1回答
我在一个元素上设置了一个hover事件，该元素使用jQuery UI的position函数在其正下方显示一个div，并将"out“设置为隐藏该div。
问题是，后续悬停会在每次悬停时将div定位得越来越远。
示例：
将鼠标悬停在红色框上，然后再次悬停在它上面，您将看到蓝色框很快就会越来越靠右。
如果我更改为click事件，也会发生同样的事情。当我隐藏div，然后尝试再次显示它时，定位似乎发生了一些奇怪的事情。
浏览 1提问于2013-01-21得票数 0
回答已采纳
3回答
我正在尝试使用jQuery在元素上添加悬停不透明度，该元素根据数据库中有多少项而重复。
在悬停在一个div上的那一刻，它们都在改变。
下面是HTML/jQuery：
很抱歉，jsfiddle没有显示任何结果，但希望它是显示代码的最好方式。
谢谢!
浏览 2提问于2011-12-22得票数 0
回答已采纳
3回答
我不知道我的脚本出了什么问题。为什么.inside会在我悬停的时候消失？我希望它是可见的，如果是.inside悬停。
<ul class="drop">
<li class="thumb">
Arival
<ul class="inside">
<li>První</li>
</ul>
</li>
</ul>
下面是一些jquery：
$("li.thumb
浏览 2提问于2015-02-11得票数 1
3回答
我有两个跨度。
第一个：<span class="body">第二个：<span class="desc">
我的CSS：
.desc {display: none;}
我想要做的是，当悬停第一个跨度时，显示第二个跨度。没有花哨的效果或任何东西，只是显示跨度。我知道有一个简单的jQuery解决方案，但是我是jQuery的新手，所以我希望能帮助我找到它。;)
这就是我到目前为止所拥有的。语法正确吗？
<script>
$(document).ready(function() {
$(".body").ho
浏览 0提问于2010-09-08得票数 9
回答已采纳
2回答
我正在尝试设置一个菜单，将鼠标悬停在照片上会在图像菜单下显示人名和一些链接。我使用mouseenter和fadein来实现悬停效果，再加上一个背景颜色设置为白色的css类(这样新项目就可以覆盖旧项目)。当我试图悬停到已经显示的某个菜单项时，什么也没有发生。此外，悬停在某些项目上也不起作用。当我从左边悬停时，悬停在三个项目上不起作用。当我从右侧悬停时，只有前两项有效。您能建议一下这些问题是什么，以及如何解决这些问题吗？请注意，我需要有一个菜单，显示当鼠标悬停显示，以便用户可以点击那里将提供的链接。
脚本：
$(document).ready(function() {
$("#p
浏览 1提问于2015-10-31得票数 1
有没有一种方法可以用jQuery隐藏或显示元素，同时仍然保留它在页面上占用的空间？例如，一组链接，每个链接下面都有一个段落。当用户将鼠标悬停在链接上时，段落将消失/出现，但在删除段落时不会更改布局。
浏览 2提问于2013-06-21得票数 1
我有下面的代码来显示子菜单。我想让子菜单在鼠标悬停时淡入，但它并没有淡入--它只是立即显示子菜单：
jQuery("ul li").mouseover(function() {
jQuery(this).fadeIn(1000, function () {
jQuery(this).find('ul').css('right','0px').css('top','24px');
});
}).mouseout(function(){
jQuery(this).
浏览 1提问于2010-07-30得票数 0
回答已采纳
3回答
我已经创建了一个带有按钮和列表的DIV，我希望当我在按钮上时，列表应该显示，我可以点击列表中的项目。当前列表显示在按钮悬停，但当我想要一些列表项目点击它消失。
我的Html是
<div id="rentin">
<button id='rentInbutton'>Buy/Rent In</button>
<ul>
<li><a href="Accomodation.do?action=rin">
浏览 4提问于2015-02-13得票数 1
回答已采纳
3回答
悬停时显示“关闭”图标
、、、
我有一个新闻提要，显然是由一个。当用户将鼠标悬停在每个项目上时，背景会突出显示。我还希望在每个项目的右上角都有一个小的"x“，只有在悬停时才会显示。这个"x“将是一个删除按钮，用于删除该帖子。
现在，我只有一些基本的html声明：<div class="hide-button"><a href="#">x</a></div>
我知道我不想让"x“显示在html中，而是让它显示在CSS中。所以我在下面有用于悬停的<li> css，以及用于隐藏按钮的CSS。我想知道将隐藏按钮div集
浏览 2提问于2011-07-30得票数 6
回答已采纳
5回答
我正在尝试使用jquery为我的网站创建一个简单的侧边栏，我在它的悬停功能上遇到了一些问题。当用户将鼠标悬停在某个类别上时，应该会出现一个子菜单。如果上面或下面的类别悬停，我希望子菜单关闭。我创建了一个jsFiddle来帮助显示我的问题，以及子菜单如何无法正常关闭。我已经尝试了几个小时来解决这个问题，我将非常感谢任何人的帮助。
谢谢。
浏览 3提问于2012-06-06得票数 4
回答已采纳
我有一个作为菜单项的DIV，并希望在悬停时显示另一个div。默认情况下，第二个div (我想要显示的是：visibility: hidden;。有没有可能在没有jQuery的情况下改变悬停时的可见性？如果不是，我的jQuery代码会是什么样子呢？
浏览 0提问于2013-05-25得票数 1
回答已采纳
我想设置list z-index。
当鼠标悬停在列表上时。
此列表显示在<p>文本上方
下面是简单的html和css。
<style>
ul li{
display:none;
}
ul:hover li{
display:block;
z-index:-1;
}
</style>
<ul><h3>This is LIST</h3>
<li>back</li>
<li>forword</li>
<li>click</li>
&
浏览 1提问于2013-09-01得票数 2
我试图在父类悬停时显示/隐藏子类。我有多个类集，就像一样。
由于某种未知的原因，它不能工作。
我所拥有的是
<div class="parentitem">
<div class="childitem">
</div>
</div>
也是
$("div.childitem").css({visibility: "hidden"});
$("div.parentitem").mouseenter(function(){
$("div.c
浏览 0提问于2011-09-16得票数 2
回答已采纳
这是我的CSS中的类.............
我使用的是ASP.NET 2.0和jQuery..........
#ImageBoxNextImage:hover
{
background-image: url(http://www.eRate.co.za/jquery/imagebox/next_image.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
只有当我将鼠标悬停在我的项目上时，它才会显示Next_Image.jpg。除了悬停之外，我还可以使用哪些其他选项。我希望图像始终存在，
浏览 1提问于2009-06-07得票数 0
回答已采纳
我正在尝试使用jquery hover()突出显示图像映射区域，
我高亮显示了绝对位于区域上的div，我试图在悬停时显示div，但问题是，当鼠标悬停在特定区域上时，高亮显示发生了，但很快就消失了-尽管鼠标仍然悬停在该区域上。
知道我做错了什么吗，
<div class="highlight" id="first_area_highlight"></div>
<div class="highlight" id="second_area_highlight"><
浏览 1提问于2010-02-22得票数 4
回答已采纳
3回答
我应该从一点背景开始。我有一个图片库，当用户悬停在图像上时，网页背景是隐藏的，所以只有图像显示在页面上。一旦用户退出图像，背景就会再次显示。我决定不使用jQuery.hover()，因为在图像的顶部有一个DIV。因此，如果用户将鼠标悬停在图像上，我可以隐藏网页背景，但一旦他们将鼠标悬停在图像上，他们就不会再悬停在图像上，背景也会显示出来，即使鼠标仍然在图像上。所以这就产生了一些问题。因此，我考虑跟踪鼠标位置，以确定用户是否在图像上。
我不是javascript或jQuery专家，所以如果有一些很棒的功能可以解决我所有的需求，请原谅我:-)我还在学习，这是我学习过程的一部分。
我能够让一切工作，
浏览 1提问于2011-02-23得票数 1
回答已采纳
1回答
我有一个网站，你可以指定页面上的哪些项目应该使用这个jquery显示：
$('.container h1 a').click(function () {
$('.container').not($(this).parents()).hide();
$(this).css({'text-decoration' : 'none',
'cursor' : 'default'
});
})
浏览 1提问于2013-07-15得票数 1
4回答
说到jQuery，我是个新人。我在做我的投资组合，我被困住了..。我有一个页面，所有的投资组合项目(图像)，可以按类别排序。因此，当我按下“艺术”类别时，所有其他毛毛虫的透明度都会降低，因此选定的类别将保持高亮显示。请参见：。
但当我悬停在低不透明度的项目上时，它们就会再次突出显示。如何将此.hover函数暂时锁定，以便在选择类别时，其他项(图像)在悬停时什么也不做？
这是我在index.html中使用的用于悬停的代码(对于每个类别)：
var $j = jQuery.noConflict();$j(document).ready(function(){
$j(".a
浏览 2提问于2010-01-07得票数 0
我正在尝试实现世界上最简单的下拉列表与CSS，并想用jQuery动画它一点。但是jQuery中的“悬停”功能会使下拉列表在离开触发器元素(ul#menu li a)后立即消失，因此您无法从下拉列表中选择任何内容。
您可以在此处查看代码和相关问题：
我尝试了所有的方法，在网上到处搜索，结果发现许多其他人也遇到了这个问题，但没有一个解决方案对我有效，我正在寻找最简单、最清晰的代码。
谢谢。
浏览 1提问于2012-03-22得票数 4
2回答
在网页中悬停时弹出
、、、
我试图创建一个子块在弹出的方式，当用户悬停在一个链接。我找不到一种合适的方法来获得像下面提供的图像那样的显示。另外，我想让这个子块可以点击和工作。我正在尝试使用bootstrap和jquery，但是，我在这些领域还是个新手，不确定我到底应该做什么。有没有人能帮我一下这个东西？
浏览 1提问于2015-04-11得票数 1
我刚看过一个演示，里面有显示和隐藏悬停潜水的jquery代码，难道不能只用regualr css来实现吗？如果你可以用css来做这件事，用javascript做有什么好处吗？
$('.comment').hover(function() {
$(this).children('.delete').show();
}, function() {
$(this).children('.delete').hide();
});
浏览 0提问于2009-12-31得票数 3
回答已采纳
1回答
我正在寻找一个可以执行以下用例的jQuery插件。
我正在构建一个菜单系统，它由大约60个固定在页面底部的小矩形组成，这些菜单项我想要链接到60个内容块。当用户悬停在其中一个菜单矩形上时，我需要以某种方式突出显示页面上连接的内容块。
请看下面的样机，以便更好地理解我的意思：
我已经广泛地搜索了一个可以处理以下问题的插件，我确实找到了官方的jQuery突出显示功能，但发现它的性能很差。
浏览 0提问于2013-08-17得票数 0
2回答
设置三级菜单的样式不起作用
、、、、
在我创建超级菜单的尝试中，我坚持了第三层子菜单的样式。没有显示第一个子菜单(li ul) (显示:无)。然后我有了jquery脚本，它显示了鼠标悬停上的子菜单( li first level )。如果窗口小于768 is，则启动click函数(用于触摸屏)。
我的问题是，当我想为第三级子菜单(子菜单的子菜单- level ul )设置样式时，没有应用样式--我希望始终显示它，但它是隐藏的，显示:没有应用于该ul，但我将它设置为显示:块。所以，只有当我把它的LI元素悬停时，它才会显示出来。
基本上，我试图做的是，第一个子菜单(li - ul)在悬停(或点击手机)时被激活，但是第二个子菜单(子菜单
浏览 1提问于2015-10-17得票数 0
回答已采纳
3回答
我在使用Jquery UI对话框和TinyMCE时遇到了一些问题。
将数据传递到文本区域可以很好地与UI Dialog和Jquery配合使用。
因此，像这样在文本区域中设置数据很好：
$("#MessageDialog #messageDto_Body").val(messagedata.Body);
$("#MessageDialog").dialog("open");
当我将tinyMCE编辑器附加到文本区域时，它会正确地添加编辑器(如果没有UI窗口，文本区域的内容将被保留)：
tinyMCE.execComm
浏览 8提问于2009-04-15得票数 0
回答已采纳
小提琴>>
我正在用HTML5、CSS3和jQuery制作一个网站。
我有一个图片库。所有的图像都有一个信息框(简单的div和一些样式)在其中。
当悬停在信息框上时，将显示相关信息。
下面是显示/隐藏(滑进/出)相关信息的jQuery：
$(".info").hover(function(){
$(".cap2").slideDown(400);
}, function(){
$(".cap2").slideUp(300);
});
图像的信息位于HTML中。
“信息”框(将被悬停在上面)也在HTML中。
目前，图像信息和
浏览 3提问于2013-12-15得票数 1
回答已采纳
我想知道是否有可能将加载器图像仅应用于网页内容的特定部分？
我所看到的加载程序图像的所有教程都是针对整个网页的-我想要完成的是将一个简单的加载程序仅应用于div。
我正在建立一个网站，其中有2个员工的个人资料图像层叠在一起，所以当你悬停在图像上时，它会淡出到后面的图像。我使用这种方法是因为我们想要在悬停时平滑过渡。唯一的问题是，当你以较慢的网速打开页面时，你会看到底部/背面的图片，直到顶部的图片加载，这不是我们想要的。当您将鼠标悬停在配置文件图像上时，您应该只能看到底部图像。
你知道如何只为这部分内容创建一个加载器镜像吗？
下面是开发服务器上的一个页面：
浏览 2提问于2014-11-04得票数 0
我正在尝试制作两个标题，具有导航功能的次要标题是隐藏的。主标题中有图标。当我悬停该图标时，将显示辅助标头，但当我从该图标中移除光标时，辅助标头也会被隐藏。
我希望，当我悬停图标时，必须显示辅助标头，而不是隐藏，除非我从辅助标头中移除光标。
我已经尝试过了。
css
.active{
display: block;
}
#menu_header{
position: absolute;
width: 100% !important;
top: 0;
background: red;
display: none;
}
JQuery
jQuery(document).read
浏览 1提问于2022-01-05得票数 0
回答已采纳
1回答
当鼠标悬停在每个table row上时，我想在它上面显示一个div。这样悬停的table row的div.tools将在悬停时显示和隐藏。
这是我的桌子。
<table width="99%" cellspacing="0" cellpadding="2" class="main-box">
<tbody><tr class="dataTableHeadingRow">
<td class="dataTableHeadingContent">Cat
浏览 0提问于2012-08-05得票数 1
回答已采纳
很抱歉，如果这个问题解释得有点糟糕，JQuery不是我的“母语”，所以我会尽我所能地解释。(我已经设置了一个jsfiddle来帮助显示代码)
我在这里有一个网页：我有一个同事帮助我，让我达到了现在使用Jquery的目的。
向下滚动到第二个区域，我有两个并排设置的div，一个在左边包含一个图像地图，另一个在右边是一个包含html内容的“内容区域”。“内容区域”包含一些文本，当用户将鼠标悬停在图像地图的某一部分上时，这些文本会发生变化。
当用户将鼠标悬停在图像地图上时，我已经设法让内容(我将其设置为黑色，以便更容易看到)在图像地图的相关部分悬停时进行更改，但我不知道如何在悬停发生时让初始内容消失
浏览 0提问于2012-12-19得票数 3
回答已采纳
尝试在以下条件下使制表符按钮悬停状态返回到向上状态：
鼠标离开标签内容。
当用户在另一个选项卡上徘徊时。
下面的代码不尝试执行上述功能。
jQuery...
$(".box").mouseenter(function () {
$(this).closest('.member_block').children('.member_row').addClass( "open" );
var $target = $($(this).data('target'));
$
浏览 7提问于2015-03-23得票数 0
回答已采纳
我试图让滚动条只在用户悬停在组件上时才出现。问题是，与不悬停时相比，可滚动元素在悬停时的边上有一个截止点，如下面的视频所示
这是我用来使滚动条在悬停时出现的css
.scroll-on-hover:hover {
overflow-y: scroll !important;
}
然后它的应用就像
<div style="position: fixed;" class="scroll-on-hover">
<nav style="background-color: navy; height: 100%;&#
浏览 0提问于2021-03-10得票数 0
1回答
我被下面的菜单卡住了。所有的网站需要在HTML中。
什么：我想有一个悬停图像为所有不同的部分，当鼠标在它上。(事件/品牌/网站/打印/用户界面/视频)
PROBLEM：图片是重叠的，当我讨论png的透明度时，鼠标切换就开始了。
解决方案我尝试了：Imagemap来检测区域，然后将javascript代码放在区域内。不起作用。Imagemap可以检测区域，在区域中放置一个id，并使用带有.hover(function() )的分隔的JQUERY。不起作用。使用z-索引:不可能，因为总有一个图像将隐藏在下面。
问题：如果我不能使用ImapeMAP来选择我的区域并使用CSS或JQUERY，我该怎么
浏览 3提问于2013-01-22得票数 0
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
