我有一张Highcharts气泡图，上面显示了美国几十个州的数据。如您所料，每个州的名称都显示为一个图例项。当用户将鼠标放在一个状态名称上时，该状态的气泡将在图表中高亮显示(所有其他气泡部分变得不透明)。单击图例中的状态名称可打开/关闭该状态的气泡。这一切都很好，我想保留所有的功能。
我想添加的是一些图例项，它们可以控制一组我可以定义的多个状态气泡。例如，“新英格兰”图例项目。鼠标滑过它和新英格兰的所有州(缅因州、佛蒙特州、罗德岛州等)会得到高光效果。点击"New England“将打开/关闭该组中的所有州。
有谁知道这是怎么做到的吗？
感谢您的关注，
浏览 0提问于2014-10-22得票数 2
jquery脚本
$(document).ready(function(){
$("#allbox").bind("mouseenter",function(){
$("#sslider").show("slide", { direction: "left" }, 1000);
}).bind("mouseleave",function(){
$("#sslider").hide("slide", { direction:
浏览 0提问于2010-03-30得票数 2
我有一个章节，里面有三篇文章。当我将鼠标悬停在每篇文章上时，我希望文章中的适当文本滑过20px，但是文章的定位方式是文本沿左边缘对齐，但我希望无论鼠标位于特定文章的哪个位置，文本都可以滑过。
我有一个JS函数，但是如何访问悬停在其上的特定文章呢？我如何用Javascript做到这一点呢？(不是jQuery)
我目前有一个div，如下面链接的jsfiddle所示。我希望当鼠标悬停在蓝色框的任何部分时，即使文本没有覆盖整个宽度，文本也会滑过。
#test{
width:200px;
height:200px;
background-color:blue;
}
#text{
wi
浏览 37提问于2018-08-03得票数 -2
回答已采纳
我正在使用JQuery可选项目来模拟按钮，我想使文本在可选中既不可选(因此它不能被突出显示)，但我也想使文本光标从鼠标滑过时出现。
基本上，我希望文本充当图像或其他非交互式元素。我该怎么做呢？
浏览 0提问于2013-05-30得票数 0
回答已采纳
我使用jQuery作为下拉菜单.它的设置是，当你悬停在一个项目，一个菜单上的描述下降。
相当标准的。下面是一个演示站点：
问题是，当你移动鼠标在菜单上，你点击一个主菜单项或同时刷新(没有你的鼠标从菜单)的菜单项，你的光标已经结束，当页面完成加载时，它的子菜单保持打开，而光标没有悬停，当你悬停时隐藏它。
我的jquery：
$(document).ready(function(){
$(".navigation > li").hover(function(){
$(this).children(".sub-menu").toggle();
浏览 1提问于2013-12-06得票数 0
回答已采纳
只是想知道有没有什么jquery插件，当你的鼠标停留在图片上时，图片的大小会增加，如果鼠标不在图片上，图片的大小就会减小，这一切都是为了平滑过渡。谢谢!
浏览 1提问于2010-08-16得票数 0
1回答
我想在鼠标悬停时显示数据，然而，我在jQuery方面很弱，我不知道如何在鼠标悬停时通过它来获取数据。到目前为止，这是我的函数：
function test_contact_group($id){
$results = $this
->Contact
->ContactsContactGroup
->find('all', array('conditions'=> array('ContactsContactGroup.contact_id'=>$id,)));
浏览 2提问于2013-03-07得票数 1
1回答
我是jquery的新手，所以如果我的问题太基本了，请提前原谅。我有一些悬停幻灯片效果的问题，似乎是CSS和jquery问题的混合体。当我将鼠标悬停在图像上时，它第一次完全滑到了图像的末尾，但第二次似乎悬停效果只滑到了第一个元素下方的一半，而不是从图像滑过末尾。
我已经尝试了许多其他的可能性，但到目前为止还没有成功，如果有人能为我指明正确的方向，我将非常感激:)
我正在尝试实现的一个示例可以在这里找到
$('.proimg').hover(function(event) {
$('.boxcaption',this).stop().toggle( &
浏览 0提问于2013-06-07得票数 0
回答已采纳
2回答
我用一个简单的jQuery动画跳到了鼠标输出上。图像在鼠标滑过时平滑地向上滑动，但在鼠标移出时，它在滑下之前会跳升几个像素。
jsfiddle这里：
我没有注意到Safari或Firefox中的问题(目前还没有IE )。我尝试显式地设置高度/宽度，并将边距/填充置零，但这对跳转没有任何影响。
浏览 1提问于2011-07-19得票数 1
2回答
我想让div在鼠标滑出时滑回到开始位置，但如果鼠标再次滑过div，我想让div取消该操作并返回到展开位置。
我需要一些方法来停止这个动作：
$(".logo").mouseleave(function(){
$(".logo").animate({top: '-65px'}, 'slow')
});
这里是小提琴：
浏览 0提问于2013-01-10得票数 0
回答已采纳
2回答
我在jQuery上得到了一些淡入淡出的帮助，但它并不完全按照我需要的方式工作。脚本是这样的：
$(document).ready(function(){
$("#trivlimp").hover(function(){
$("#trivlimp").fadeToggle("slow");
$("#imp").fadeToggle("slow");
});
});
当我将鼠标悬停在“trivlimp”上时，它会不断淡入和淡出，而不是只显示“imp”的内容，然后在我停止悬停时淡出，而不是像我希望
浏览 0提问于2013-01-03得票数 0
使用jquery carousel插件()，除了在chrome/webkit上运行良好。我在每个幻灯片上放置了一个内部div，在chrome中，这个div在2-3个幻灯片滑过后就消失了。怎么回事？？
浏览 0提问于2012-09-24得票数 0
1回答
我正在尝试使用jquery在我的网页上显示/隐藏代码片段。显示/隐藏是通过点击按钮控制的。下面是我将使用的代码示例
我的问题是
1)如何对多个代码片段重复此操作？此时，单击显示隐藏，目标是我的页面上的所有代码片段
2)是否可以在默认情况下隐藏代码片段，即在页面加载时隐藏代码并创建平滑过渡效果？
<button class ="hide button-success">Hide</button>
<button class= "show button-warning">Show</button>
<di
浏览 2提问于2015-03-22得票数 0
1回答
动态显示隐藏项
、、、
我有一个网页，其中包含一个带有许多标记的谷歌地图，右边的HTML表格代表所有标记位置和国家名称(标签内标签)。该表使用最大高度和自动滚动css，因此表中的某些项在滚动框中是不可见的。
当我鼠标滑过/鼠标移出国家名称时，相关的标记就会被动画化。反之亦然，当我鼠标移动/鼠标移除标记时，表中的相关国家名称将更改标签颜色类。
通过鼠标移动/鼠标移除标记，无法看到隐藏在滚动框中的表中的相关项。
当相关标记鼠标结束时，是否有任何方法动态显示表中不可见的隐藏项？或者可以动态自动滚动以显示项目？
我的脚本:
function MarkerToTableHover(marker) {
浏览 0提问于2016-10-05得票数 1
回答已采纳
4回答
我希望主导航的子菜单在鼠标滑过时滑下，在鼠标滑出时滑上。
以下是我正在处理的页面：
下面是我尝试创建效果的jQuery代码，但结果有点奇怪。我不确定我在代码中做错了什么。
$('nav > ul > li').hover(
function(e) {
e.stopPropagation();
$(this).find('ul').stop(true, true).slideDown(200);
},
function(e) {
e.stopPropagation();
浏览 0提问于2012-06-06得票数 0
回答已采纳
2回答
我有这段代码写在jQuery有一个简单的悬停滑下菜单。它是有效的，但是它有时会非常不稳定。当你的鼠标滑过它的某一点或有点快，它会跳开/关闭和flicker...not确定如何解决这个问题？
下面是我当前的代码：
this.navLi = jQuery('nav ul li').children('ul').css("display","block").hide().end();
this.navLi.hover(function() {
// mouseover
jQuery(this).find('>
浏览 9提问于2011-03-14得票数 2
回答已采纳
2回答
首先，免责声明--我只是从jQuery开始。我为我的无能道歉。:)
我的问题是，我试图在页面上的一堆单独的元素上使用jQuery翻转效果。现在，当我将鼠标移到它们上面时，它们都会立即生效，因为它们具有相同的类名，而jQuery正在选择所有它们。我知道我可以为每个类使用不同的名称，并为每个类编写单独的jQuery，但是有没有更好的方法呢？我计划拥有许多这样的元素。
无论如何，一张图片胜过千言万语。在这里查看我的测试页面的源代码:在“测试”图像上使用鼠标。我希望这个效果只适用于你用鼠标滑过的那个。
这是我的新手jQuery：
$(document).ready(function(){
$
浏览 0提问于2010-08-17得票数 1
1回答
我想知道是否有可能在滑动时从一个引导5滑块中得到值，也就是说，如果我按下鼠标并滑动“句柄”，我就会连续得到这个值，而不仅仅是当我释放“句柄”时？
现在，我正在使用Bootstrap5范围滑块和jQuery来检测滑块中的“更改”，并使用新值更新文本跨度。只有当我释放新值上的鼠标按钮时，才会发生这种更改，而不是在鼠标按下鼠标按钮时，在“句柄”滑过它们之间显示可能的值。对如何解决这个问题有什么建议吗？
我的代码如下所示：
<input type="range" class="form-range" min="0" max="9"
浏览 3提问于2022-10-30得票数 -1
回答已采纳
3回答
当列表元素悬停在上面时，我需要显示一个div，有点像一个下拉菜单。
我已经有了一种使用jQuery的方法，这正是我想要的，但问题是，当我将鼠标从列表(li元素)上移开时，div就消失了。我希望能够将鼠标从列表元素移动到div，并能够与div中的元素进行交互。
这可以用click函数解决，但我不想使用click，因为div上的元素将包含锚链接，当单击时将把用户带到页面下，因此你可以看到显示并保留div的click函数不是一个好主意，除非我能找到一种方法来关闭div的内容(锚链接)被点击。
<script src="https://cdnjs.cloudflare.com/aja
浏览 53提问于2019-11-01得票数 0
回答已采纳
2回答
在CSS中，我有几个带有悬停效果的DIV项目。如果我将鼠标悬停在一个元素上，这个元素会有另一种背景颜色。如果我将鼠标悬停在另一项上，则前一个选定项具有默认背景颜色，而不会悬停。
我怎样才能用jQuery做到这一点？我想要动画背景颜色，但希望通过悬停在另一个项目上来消除淡出(动画)效果。我尝试了窗口超时，但在鼠标指针滑过几个元素后，一切都闪烁和错误。
这是我用来制作鼠标悬停动画效果的代码：
$('.entry').mouseover(function() {
(this).animate({ backgroundColor: "#0F410E" }, { dur
浏览 0提问于2012-07-16得票数 2
回答已采纳
我对JQuery show and hide有点问题。当我将鼠标悬停在一个元素上时，我想在右侧弹出另一个元素。我已经用下面的代码做到了这一点：
var actionHoverInListener = function () {
$(this).children('.pop-out').show("slide", { direction:"left" }, 100);
};
var actionHoverOutListener = function () {
$(this).children('.pop-out').
浏览 0提问于2012-11-27得票数 0
回答已采纳
代码如下：
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function() {
$("#box").mouseleave(function() {
$(this).hide();
});
$("#box").mouseenter(function() {
$(this).show();
});
});
</script>
当我把鼠标移到“隐藏”的"div“
浏览 5提问于2013-11-23得票数 1
2回答
我有一个以QDockWidget为主部件的QTDesigner对话框。当我将它停靠在主窗口并显示对话框时，它会自动隐藏，但允许我使用鼠标显示/隐藏它。我希望默认情况下保持可见。如果我用鼠标将它调整到一个大尺寸，大约是屏幕尺寸的2/3，然后关闭对话框并稍后显示它，它会按我想要的那样工作，即使我关闭了上一个大尺寸的应用程序。
这些是我的类：
/** created automatically by QT compiler */
class Ui_OfsIndSelAttribBase
{
public:
QWidget *dockWidgetContents;
浏览 1提问于2013-03-27得票数 1
2回答
我正在使用lightbox幻灯片，它工作得很好，还有Next-Prev按钮。但我希望它显示在图像的底部，而且目前它只会在我鼠标滑过图像时显示，有没有办法永久地显示它。
我使用的是Lightbox v2.04。
浏览 3提问于2010-08-21得票数 0
回答已采纳
我正在为一个零售店使用Shopify，当鼠标悬停在搜索图标上时，搜索栏非常敏感。正如您在gif中看到的，当鼠标从搜索图标向下移动到搜索栏时，搜索栏很快就会消失。
搜索栏gif -
当鼠标向下移动到搜索栏时，如何避免搜索栏如此快速地消失？下面是我为搜索表单找到的jQuery :悬停效果。
jQuery('#search-top').hover(
function () {
jQuery(this).addClass('active').find('.search-form').stop().delay(2).show()();
浏览 5提问于2017-07-13得票数 0
我想做一些动画，而滤镜是应用在图层上。例如，我有两个层，在一些地理点上绘制了不同半径的圆。当我通过使用setFilter()设置滤镜从一个图层切换到另一个图层时，我希望在圆形不透明度上进行过渡以实现平滑过渡。
请协助
浏览 1提问于2016-03-16得票数 1
3回答
已经有很多关于这个话题的帖子了，但是没有一个能直接解决我的问题。下面是我当前的设置：
我有一个带有ID #ptwesv的div；
另一个div包含我想用ID #ptwest显示的隐藏内容。
我使用的jQuery是：
<script>
jQuery("#ptwesv").click(function(){
jQuery("#ptwest").show();
});
jQuery("#ptwesv").click(function(){
jQuery("#ptwest").hide();
});
</
浏览 3提问于2017-07-10得票数 1
回答已采纳
3回答
当我将鼠标悬停在一个div上时，我希望另一个div (以display:none开头)部分向下展开，只显示其内容的顶部。如何使用jQuery部分展开隐藏的div？优选地，使得div向底部淡出。似乎没有允许部分展开的toggle()命令或fadeIn()的参数。
编辑
不幸的是，这些要求不允许使用单独的“挑逗者”div。包含所有文本的隐藏div必须部分展开。
浏览 1提问于2012-09-20得票数 2
回答已采纳
我需要改变旋钮的图像上的鼠标滑过和鼠标按下它。
请告诉我怎么做。
谢谢Jyoti
浏览 3提问于2010-10-29得票数 0
回答已采纳
1回答
对不起，标题不是更具体。我对我编写的jquery菜单有一些小问题。可以在wlmtest.info上看到
这是主菜单。我遇到的麻烦如下所示。
如果您将鼠标悬停在顶部的菜单按钮上，菜单将下拉。现在向上移动鼠标，不要将鼠标悬停在实际的下拉列表上。即使鼠标离开菜单，菜单下拉列表仍会继续显示。
摆脱下拉菜单的唯一方法是将鼠标悬停在菜单下拉菜单上，然后将鼠标从它上面移开。
我的代码如下
jQuery("ul.lmenutabs li").mouseenter(function()
{
jQuery("ul.lmenutabs li").removeClass(&#
浏览 1提问于2011-12-04得票数 0
回答已采纳
1回答
这个图像切换淡出动画有时会在鼠标移出时锁定，并将“facebookblue.png”留在原处，直到下一次鼠标悬停？
$("#facebookrollover").hover(function(){
$("#facebookimg").stop(true, true).ImageSwitch({NewImage:"facebookblue.png", Speed:200});
},
function(){
$("#facebookimg").stop(true, true).ImageSwitch({NewImag
浏览 1提问于2011-05-16得票数 0
对jQuery来说是新手，但正在尝试弄清楚这一点。
我所拥有的是一个内容框的列表。当我们悬停在每个框上时，一个div会从右边滑进来，上面有详细的信息(设计者也想要一个“反弹”的效果)，然后在鼠标滑出时隐藏起来。
我确实有权访问已经在项目中的jQueryUI。
这是我到目前为止所知道的：
每个框的HTML
<div class="tool_master show">
<div class="tool_hover"> Hover information here </div>
<div class="
浏览 3提问于2011-08-28得票数 0
回答已采纳
3回答
我有一张表格里有巨大的句子作为数据在牢房里。我给出了下面的示例，在鼠标单击之前，标记<td>中的所有数据都必须不可见，但现在每次单击，我都会隐藏数据，不能将其带回。
请在我的代码中找到错误，以便在第一个鼠标单击它显示所有数据，第二个鼠标再次隐藏它。
$(document).ready(function() {
$("td").click(function() {
$(this).toggleClass("hidden");
});
});
.main {
font-size: 120%;
color: red;
}
.h
浏览 1提问于2018-09-03得票数 1
回答已采纳
我正在使用jquery制作一个游戏地图编辑器
在mozilla上一切正常，但在safari上就不行了。鼠标滑过的区域不是火警...我认为这是一个css的问题，但我不知道我做错了什么。
如果有人能帮我的话。(我认为最好的方法是使用firebug来查看我的css/html...)
非常感谢
浏览 1提问于2011-11-25得票数 0
回答已采纳
3回答
我有一行4 divs，向左浮动。单击时，div消失，其兄弟姐妹移动到左侧并占据其位置。然而，我正在努力平滑这个动画，因为剩下的‘div’只是跳到他们的新位置，而不是滑过去。
是否有任何方法来平滑过渡，最好不用特定的值，即：margin-left: x pixels;？另外，是否可以通过css转换来实现这一点？
浏览 5提问于2013-10-09得票数 3
回答已采纳
6回答
有没有办法将鼠标悬停在已经隐藏的元素上。我正在尝试模仿Steam在主页上的箭头导航功能。您会注意到，当您第一次到达页面时，没有显示箭头：
然后，当您将鼠标悬停在应该有箭头的区域上时，它会自动显示出来：
我已经尝试将包含箭头图像的div设置为display: none，也尝试了visibility: hidden，但似乎都不能使用jQuery中的悬停或鼠标悬停方法。我本以为visibility: hidden会让它工作，但事实似乎并非如此。有没有其他方法可以从一开始就隐藏这些div，但仍然可以让鼠标悬停事件在它们上面工作？
浏览 0提问于2011-12-22得票数 24
回答已采纳
问题：如何在使用JQuery数据时为每一行添加鼠标切换菜单？我试过使用fnRowCallback，但运气不太好。
它看起来类似于：
浏览 5提问于2012-03-16得票数 1
4回答
我有一个表单，我尝试使用下拉列表作为消息显示器。当我聚焦于输入时，下拉显示。问题是它在显示出来后马上就关闭了。
<form method="post">
<input id="name" type="text" name="name">
<li class="dropdown list-unstyled">
<a class="dropdown-toggle" role="button"data-toggle=
浏览 8提问于2016-01-21得票数 1
回答已采纳
第一次张贴一个问题，但访问网站多次多次以上。
我正在尝试复制这个网站上使用的效果：
我能处理的滑块，没问题。但是他们使用了什么脚本或jquery来让隐藏的div出现在汽车模型链接的鼠标上方，并显示在滑块的顶部？我也喜欢汽车列表的效果。
搜索stackoverflow，发现了这篇文章的链接：这项工作能达到预期的效果吗？
我正在努力准备一个新的项目，这是一个客户必须有请求。我不是程序员，但如果你说得清楚的话，我可以照着做。
感谢你不知疲倦的帮助。
浏览 1提问于2013-05-28得票数 0
我有一张图片，当我将鼠标移到第一张图片上时，我想让另一张图片从下往上“滑过”第一张图片。在鼠标移出时，图像应该再次消失，从上到下滑动，再次显示第一个图像。
如何在jQuery中做到这一点？我试过animate和slidetoggle，但我不能让它工作。
编辑:解决方案
<div class="image" style="width:90px;height:67px;position:relative;overflow:hidden">
<a href="#">
<img style="position:abs
浏览 0提问于2011-05-25得票数 1
回答已采纳
我刚刚将默认的实现到我的移动站点中，结果发现jQuery无法执行更简单的任务:显示具有隐藏类的元素。难以置信，但是真的。
极其复杂和有问题的隐藏类是：
.hidden {
display: none; /* jQuery smartly toggles this to block, well done! */
visibility: hidden; /* But it forgets about this little attribute */
}
当前，切换(真)和显示()只改变显示属性，而不是隐藏的可见性.有办法轻松地切换两个display+visibility吗？
我宁愿不编辑引
浏览 4提问于2015-02-07得票数 0
回答已采纳
2回答
我做了3个css类，看起来像这样：
.modal {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 ) url('') 50% 50% no-repeat;
background-image: url('../../images/gears.svg');
}
body.loading
浏览 19提问于2017-02-20得票数 0
回答已采纳
我有一个页面与大约10选择下拉列表。默认情况下，这些下拉列表中的3个在加载时是隐藏的，具体取决于用户的状态。
现在，如果用户做了一些特定的事情，所有这7个下拉列表都是隐藏的，并且根据用户的输入，这些下拉列表是可见的。
我使用JQuery显示和隐藏这些下拉列表。
jQuery("select").hide()
jQuery("select").show()
目前，当显示选择下拉列表时，所有选择都是可见的。然后我不得不运行代码来隐藏3个默认的代码。
我想让JQuery隐藏可见的选择下拉列表(7个可见的)，然后显示这7个(保留3个默认的隐藏的隐藏的)。
是否可以使用
浏览 1提问于2011-02-10得票数 1
我有个问题：
下面是我的HTML的一部分：
<div id="div_1">
Here Hover
</div>
<div id="div_2">
Here content to show
</div>
下面是我的jQuery脚本的一部分：
jQuery('#div_2').hide();
jQuery('#div_1').onmouseover(function() {
jQuery('#div_2').fadeIn();
}).onmous
浏览 2提问于2010-03-09得票数 4
1回答
当用户单击div时，我显示了一个菜单。如果用户点击页面上的其他地方，我就隐藏了菜单。我也将菜单隐藏在菜单的鼠标前夕。
问题是，一旦菜单被隐藏，然后点击“show”div就不会显示它。当我再次单击div时，菜单会显示出来。为什么会发生这种情况？我怀疑当我在页面上的其他地方单击时，焦点正在转移到页面上的按钮控件。我不知道这是否背后的原因。请帮帮忙。
以下是示例代码：
$(document).ready(function() {
BindEvents();
});
function BindEvents()
{
$('#show').toggle(functio
浏览 1提问于2011-03-07得票数 0
回答已采纳
2回答
我正在尝试复制WordPress仪表板上的显示/隐藏功能，您可以在其中单击按钮，然后显示附加的div。我一直在努力用jQUery做幻灯片动画，我意识到搞砸它的是jquery版本。
我使用的是最新的foundation 6框架，它使用的是最新的jquery版本，即v2.1.4。
请并更改jquery的版本，切换div的按钮将消失。放置一个display: block !important并没有起到这个作用，它也不会切换div。
所以我的问题是，为什么它不能在更高版本的jquery上工作？而且，如果我可以使用1.7.1版本的jQuery，我不确定新的基础框架有什么要求。我不知道将来是否可以使用较低
浏览 0提问于2016-01-25得票数 1
我有一个表，每个行都有一个细节要显示。
因此，当用户按下鼠标时，细节就会出现。
我做了这个：
html:
<tr>
<td class="tdMsg">
<span class='showDetail'/>Show</span>
<div style='display: none;' class="divDetail">
// hidden div with som
浏览 1提问于2011-10-06得票数 4
回答已采纳
2回答
我对一些jQuery fadeIn效果有问题。这实际上是在这个网站上：。当您从主菜单中选择任何选项并在页面加载过程中(菜单逐渐淡入)滑过菜单按钮时，就会出现问题。然后它们中的一些(你淡入淡出的那个)将不会出现，或者看起来会稍微褪色。我在按钮中使用了以下代码：
HTML：
<nav>
<a id="b1" href="index.html"><span>01. <strong>ABOUT US</strong></span><div
浏览 0提问于2013-03-29得票数 0
回答已采纳
使用以下代码：
<html>
<head>
<script type="text/javascript" src="jquery-1.7.js"></script>
<script language="JavaScript">
$(document).ready(function(){
$('#cssdropdown li.headlink').hover(
function() {
浏览 3提问于2011-11-18得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
