1回答
我正在使用这个Jquery动画函数：
$(document).ready(function() {
$("#trigger").hover(function() {
$("#mask").animate({
width: 'toggle', left: '+=0'}, 250, 'easeout');
});
});
当用户将鼠标悬停在触发跨度区域(<span id="trigger">)上时，掩模(<div id=&
浏览 0提问于2011-04-02得票数 0
这是我的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
回答已采纳
4回答
当用户将鼠标悬停在某个菜单元素上时，我隐藏了一个div。我使用这段代码来达到这个目的
jQuery("#menu-item-15").hover(function(){
jQuery(".bootom-menu").css("display", "none");
});
但我想在用户不将鼠标悬停(取消悬停)在此特定菜单元素上时显示bootom-menu div。
浏览 3提问于2018-03-15得票数 0
1回答
切换点击功能在移动设备上不起作用
、、、、
不是一个网页开发人员，所以对我来说很容易。我真的很努力地在这个右边的工具条上找到一个存档列表来切换- 。
它在桌面上似乎工作得很好，但在移动设备上尝试点击它时却没有任何反应。
两个问题：
1)当鼠标悬停在"SideDish档案“上时，如何让指针/光标出现，以便人们知道这是一个活动链接？
2)如何在移动设备上使用此切换功能？
我有用于切换函数的JQuery：
jQuery(document).on('click', '.side-archive-list h2', function () {jQuery('.side-archive-list ul
浏览 2提问于2016-05-17得票数 2
我正在寻找一个解决方案来保持div在鼠标悬停时可见，并且它应该保持可见，直到我再次悬停，而不是在鼠标输出事件上。 可以悬停的列表的当前标记： <ul class="crops-archive-home">
<li class="vegetables" style="background: #85bc22">
<a href="#">Vegetables</a>
</li>
浏览 6提问于2020-06-19得票数 0
我使用的是wordpress主题。它使用Jquery实现以下效果:当您将鼠标悬停在缩略图上时，会出现一个覆盖图。相反，我的客户希望覆盖图存在，然后当你悬停时，它会显示出下面的缩略图。有什么建议可以修改这段代码来达到这个效果吗？
谢谢
function gdl_portfolio_hover(selector){
selector.each(function(){
jQuery(this).hover(function(){
var thumbnail_hover = jQuery(this).find('a.hover-wrapper&#
浏览 1提问于2015-09-10得票数 0
2回答
我在上找到了一篇博文。
当我们将鼠标悬停在按钮上时，会显示下拉菜单，但我想将其转换为jQuery菜单
当我们点击按钮而不是鼠标悬停时，会显示下拉菜单的位置，请帮助。
提前谢谢。
浏览 0提问于2011-11-01得票数 0
回答已采纳
2回答
查看上面的URL，并将鼠标悬停在右上角的向下箭头或搜索图标上。当我将鼠标悬停在这个带有cp-dropdown类的li上时，我想切换showme类，但是，由于某些原因，当你移动鼠标时，这个类似乎在闪烁？有谁有什么想法吗？
使用的Jquery：
function navShow() {
$('.cp-dropdown').mouseenter(function() {
$('.site_tint').toggleClass('showme');
});
}
谢谢
浏览 0提问于2013-02-11得票数 1
回答已采纳
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
我使用jQuery鼠标悬停来做一些事情。但是如果我移动鼠标5-7次，它就会冻结。
为什么会出现这个问题？
我试着将鼠标悬停在上方。
代码示例：
$('span.info_icon').mouseover(function() {
$('#info_box').show(600);
}).mouseout(function(){
$('#info_box').hide(600);
});
活生生的例子： (在红色“i”上)。
浏览 0提问于2012-04-10得票数 0
回答已采纳
3回答
我在父div中有一个div，它通常是隐藏的。当您将鼠标悬停在父div上时，子div将可见。我使用JQuery .toggle()来获得这个效果。问题是，如果你MouseIn和MouseOut非常快，重复地在父分区上，子分区被切换了那么多次。有没有办法防止这种情况发生，它会减慢我的页面速度？
JSFIDDLE：
我的JQuery：
$(document).ready(function() {
$(".result").hover(function() {
$(this).find(".result-user-facts").toggle(&
浏览 1提问于2013-11-13得票数 0
我想将鼠标悬停在一篇html文章上，并像这样更改背景：
article:hover {background:#FFFFF0;}
并将文章h3更改为：
article h3 {background:green}
我想用一个jquery函数来做这件事。
浏览 19提问于2018-09-05得票数 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
所以，我一直在尝试在jQuery中创建一个函数，当你将鼠标悬停在一个元素上时，它会切换一个img，当你退出该元素时，img会再次切换。唯一的问题是，这一切都发生在$(document).on选择器之后。我试过使用$(document).off().on，但它不起作用。下面是我的代码： $(document).on('mouseover', '.addressLink', function() {
var redirectSelector = $(this).children().last();
redirectSelector.toggle(
浏览 55提问于2020-07-04得票数 0
回答已采纳
3回答
我有导航菜单
<ul>
<li id="menu1">content</li>
<li id="menu2">content</li>
<li id="menu3">content</li>
<li id="menu4">content</li>
</ul>
我想使用jQuery，这样当我将鼠标悬停在li项上时，上一个和下一个同级项的样式就会改变。
当我将鼠标悬停在.menu2上时，.menu1和
浏览 1提问于2013-02-04得票数 0
2回答
我在jQuery上得到了一些淡入淡出的帮助，但它并不完全按照我需要的方式工作。脚本是这样的：
$(document).ready(function(){
$("#trivlimp").hover(function(){
$("#trivlimp").fadeToggle("slow");
$("#imp").fadeToggle("slow");
});
});
当我将鼠标悬停在“trivlimp”上时，它会不断淡入和淡出，而不是只显示“imp”的内容，然后在我停止悬停时淡出，而不是像我希望
浏览 0提问于2013-01-03得票数 0
像往常一样，我正在尝试超出我能力范围的东西！我正在尝试为我的新网站做一个导航，当用户将鼠标悬停在另一个div上时，它应该会滑下来。另一个div会有某种图形，上面写着“菜单”。当鼠标悬停在“其他”div或菜单div上时，我需要使用导航来保持打开状态。到目前为止，我已经让它工作了，但是在div上菜单在里面，这并不是真正正确的东西。
有什么方法可以把这两个div绑定在一起吗？希望我在JQuery上做得更好！
。白色div表示用户将鼠标悬停在其上以打开菜单的div。
欢迎任何帮助，谢谢:D
浏览 0提问于2011-05-10得票数 2
回答已采纳
1回答
我怀疑这很简单，但我没有太多的机会找到答案。
我想使用jQuery在用户将鼠标悬停在某个元素上时缓慢删除该元素，然后在用户将鼠标从该元素所在的位置移开时将其放回原处。现在，删除元素的操作会立即触发put it back事件，而我不希望这样做。有没有一种简单的方法可以用jQuery做到这一点？
$("#id").hover(function(){
$(this).hide("slow");
});
$("#id").mouseleave(function(){
$('#id1').show(
浏览 1提问于2014-05-03得票数 0
考虑一下下面的HTML
<span id='one'>one</span>
<span id='two'>two</span>
和CSS
span {
background-color:green;
display: inline;
color: white;
}
span:hover {
background-color:red;
}
我想要的是:当鼠标悬停在two上时，one也会被悬停，所以我使用jQuery
$('#two').hover(function (e) {
浏览 1提问于2015-12-29得票数 0
我正在尝试完成这样的事情:用户将鼠标悬停在一个项目上，jquery接管并显示该项目(但仅在几秒钟之后)。我列出了以下HTML：
<ul id="ulPersonal">
<li class="break eTime">
<p>Manage your time card.</p>
<div id="dEtime">
some content
</div>
</li>
<
浏览 0提问于2013-05-09得票数 0
回答已采纳
3回答
当我将鼠标悬停在一个div上时，我希望另一个div (以display:none开头)部分向下展开，只显示其内容的顶部。如何使用jQuery部分展开隐藏的div？优选地，使得div向底部淡出。似乎没有允许部分展开的toggle()命令或fadeIn()的参数。
编辑
不幸的是，这些要求不允许使用单独的“挑逗者”div。包含所有文本的隐藏div必须部分展开。
浏览 1提问于2012-09-20得票数 2
回答已采纳
1回答
当用户将鼠标悬停在另一个元素(.bg1)上时，我使用JQuery向元素(.box1)添加了一个类。这在台式机上运行良好我的问题是，当在移动设备上观看时，因为手机没有鼠标，只有当用户点击屏幕时才能看到悬停效果。
如果这只是一个软接触，这将是很好的。奇怪的是，我还有另一个div，当它悬停时，它会改变一个元素。在本例中，它是一个子元素，所以我使用了css :hover伪类来实现这一点，它在桌面和移动设备上都能很好地工作。然而，jQuery .hover的行为似乎与css :hover不同。
有没有一种方法可以让jQuery .hover像css :hover一样工作？
jQuery('.bo
浏览 18提问于2020-05-25得票数 0
1回答
在我的网站上，我使用以下代码来制作悬停动作的动画：
jQuery('#portfolio .project').hover( function() {
// Animate icon
jQuery(this).find('.overlay').animate({opacity:1.0, top:'75px'}, 300);
}, function() {
// Hide icon
jQuery(this).find('.overlay').animate({opacity:0, top:'155px
浏览 0提问于2012-07-17得票数 1
回答已采纳
2回答
我需要一个弹出动画鼠标悬停，就像这样，当你移动鼠标在驱动器上流量/赚钱内容/增加参与：
就像类. CSS 3-条目上的CSS动画。我不确定它是否也使用jQuery。
有谁能举个简单的例子吗？
非常感谢!
浏览 3提问于2016-01-04得票数 0
回答已采纳
正如我的标题所解释的，我有一个正在使用的背景图像，并希望当我将鼠标悬停在页面的某个区域中的div上时，它会发生变化。
目前，我的#main背景图像是4Era_home.jpg，当我将鼠标悬停在#television上时，我希望该背景图像变为4Era_home_tv.jpg。
我希望这是有意义的，因为我一直在网上寻找，但找不到一个有效的解决方案。我知道css不能解决这个问题，所以任何有关jquery或javascript的帮助都会有所帮助。
<div id="main">
<div id="television">
浏览 0提问于2012-09-10得票数 1
回答已采纳
我使用这个标记：
<div id="zoom">
<div id="small">
<img id="image1" src="images/1.jpg" alt="example" title="Image" class=" img-polaroid">
</div>
<div id="large">
<img id="image2
浏览 2提问于2013-05-24得票数 1
需要一些帮助来分配鼠标悬停事件来显示一些开始隐藏的图标。
对于ul中的每个<li>，我都有图标。当用户将鼠标悬停在图标上时，我希望显示带有名为“<li>”的类的span标记。当鼠标移出事件发生时，删除类和/或只是隐藏跨度。对我来说，问题是如何分配事件，以便当鼠标悬停在<li>上时，只有span标记及其内容出现和消失。
下面是HTML：
<ul id="nav">
<li>Cat 1
<span class="icons">
<d
浏览 0提问于2010-03-27得票数 0
回答已采纳
我经常想检查一个元素(例如工具提示)，它只有在鼠标悬停/输入另一个元素时才会出现。出现的元素通过jQuery的mouseenter事件可见。
我不能检查工具提示，因为当我的鼠标离开包含的元素时，工具提示就消失了。
有没有一种方法可以暂停JS事件，这样我就可以悬停在元素上，然后暂停浏览器的JS，并成功地检查它？
例如，尝试查看Twitter bootstrap的工具提示：。
浏览 49提问于2014-07-17得票数 120
回答已采纳
2回答
我有一个菜单按钮，它一半可见，一半在屏幕外。只有当它是‘悬浮’时，才能看到完整的按钮(我已经为此编写了CSS，该按钮是水平移动的，因此它是完全显示的)。现在，这可以在桌面网站上使用。但是，正如您所知道的，鼠标悬停在移动站点上是不可用的，所以鼠标悬停被转换为单击。单击使按钮完全可见，但当再次单击时它不会再次隐藏，因为我们没有定义单击事件来显示和隐藏它，因为它不会干扰悬停。
因此，是否有任何简短和有效的方法来做到这一点，使悬停工作在桌面上，并单击“在电话上的作品为同一(显示和隐藏)功能？”
您可以使用CSS或jQuery或两者兼用。
浏览 2提问于2016-11-07得票数 0
回答已采纳
2回答
我在一个页面上有锚点，在鼠标悬停和鼠标移出时显示不同的背景图像。我已经预先加载了图像，以避免在鼠标悬停/移出时闪烁和从服务器重新请求图像。这些脚本在IE8/FF上运行良好，但Chrome的行为有所不同。在最新版本的Chrome中，当我第一次悬停在锚点上时，图像被服务器重新请求，导致闪烁，这是为什么？随后的鼠标悬停/输出工作正常，并且没有闪烁。
代码如下：
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<sty
浏览 0提问于2013-01-03得票数 1
6回答
有没有办法将鼠标悬停在已经隐藏的元素上。我正在尝试模仿Steam在主页上的箭头导航功能。您会注意到，当您第一次到达页面时，没有显示箭头：
然后，当您将鼠标悬停在应该有箭头的区域上时，它会自动显示出来：
我已经尝试将包含箭头图像的div设置为display: none，也尝试了visibility: hidden，但似乎都不能使用jQuery中的悬停或鼠标悬停方法。我本以为visibility: hidden会让它工作，但事实似乎并非如此。有没有其他方法可以从一开始就隐藏这些div，但仍然可以让鼠标悬停事件在它们上面工作？
浏览 0提问于2011-12-22得票数 24
回答已采纳
2回答
我想在我的网站上展示我的员工，我想用jQuery做幻灯片或类似的演示。
例如，我有6名员工的照片，当我将鼠标悬停在他们身上时，会有一个小演示文稿，上面有他们的大照片。
我完全忘记了几个月前找到的插件的名字
(如果您知道其他jquery插件做相同或相似的事情，请随时发言;D )
谢谢
浏览 0提问于2010-07-03得票数 0
回答已采纳
3回答
iPad悬停事件流程
、、、
我正在为苹果iPad开发一个网站。在这种情况下，如何在鼠标悬停时应用阴影，以及如何在鼠标移出时移除阴影？像或任何其他a可用的方法一样，我在这里使用的是jQuery。有什么建议吗？
浏览 2提问于2010-08-30得票数 0
我发现如果包含很多不同的jQuery效果，$.each速度会很慢，并且会给网页带来问题。
我想知道是否有替代$.each的好方法，例如：
$('ul li').each(function() {
var singleLi = $(this);
});
没有鼠标悬停，我怎么能在不使用每个的情况下做同样的事情呢？
谢谢。
浏览 1提问于2011-04-21得票数 9
回答已采纳
3回答
我想显示/隐藏鼠标悬停在div标签上的某些数据。
我的html：
<div id='container'>
<div id="box" style="visibility: hidden">
<a href="#" class="bt btleft">Highlight it</a>
<a href=&
浏览 1提问于2015-04-14得票数 2
回答已采纳
3回答
老实说，我不确定我做错了什么--我想为列表中的项目添加一个突出显示的效果。html如下：
<div class="list">
<h3 id="mainlist">YOUR LIST:</h3>
<input type="text" class="newitem">
<div class="additem">ADD</div>
<ul></ul>
浏览 2提问于2013-08-11得票数 2
因此，在我的网站上，我创建了一个功能，当我将鼠标悬停在其中一个侧边按钮上时，中间的树的图像会发生变化。您可以看到页面
动画运行正常，但现在我正在尝试使背景图像在div中响应。多亏了这另一个，我能够使用下面的CSS使原始背景图像做出响应：
#arvore {
background: url('http://vistacamisa.greenpeace.org.br/wp-content/uploads/2015/09/arvore_011.png');
background-size: contain;
background-repeat: no-repeat;
width:
浏览 2提问于2015-09-16得票数 0
我正在尝试制作一个与网站上的菜单类似的菜单：。但它并不像在上工作得那么好。
我怎么才能修复它？还有别的办法吗？
这是通过单击项目显示/隐藏子菜单的代码。
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).rea
浏览 0提问于2011-08-07得票数 0
回答已采纳
2回答
我有一个联系人表单，当鼠标悬停在按钮上时，我想滑出它，并且只要鼠标悬停在.hoverclass (按钮和表单本身)上，表单就会保持不变。然而，我已经完成了让它做一些奇怪的事情。
<div id="contact-wrapper">
<div class="floating-contact-inner hoverclass" id="floating-contact-wrap">
<div id="contact-btn" class="hoverclass"&
浏览 1提问于2014-08-18得票数 1
我使用HTML/jQuery从数据库中显示了一个项目表。在表的最后一列中，我有几个操作链接(删除、编辑等)。我只想让这些链接在鼠标悬停在行上时可见，所以我将表设置如下：
<table class="data" ...>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td class="actions>...</td>
</t
浏览 0提问于2012-04-13得票数 2
回答已采纳
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 UI选项卡由无序列表中的命名锚点实现。当您将鼠标悬停在其中一个选项卡上时，您可以在浏览器底部显示的链接中看到：
http://mysite/product/3/#orders
例如，上面是"orders“选项卡。显然，JQuery截获了对此锚点的点击，并打开了选项卡。
但是，如果我将上面的链接加入书签，或者从站点中的其他地方链接到上面的链接，则页面不会在特定的选项卡上打开。
在选项卡初始化块中，我考虑放入一些代码来查找URL中的命名锚点，如果找到，则对选项卡进行索引查找，并对其调用select。这意味着它仍然可以在关闭JS的情况下工作。
但是有没有更简单/更好/更好的方法
浏览 0提问于2010-04-01得票数 8
回答已采纳
6回答
我想在悬停和悬停时显示和隐藏div。
这是我最近做的事情。
css
$("#menu").hover(function() {
$('.flyout').removeClass('hidden');
}, function() {
$('.flyout').addClass('hidden');
});
.flyout {
position: absolute;
width: 1000px;
height: 450px;
background: red;
overflow: hidd
浏览 0提问于2012-06-20得票数 30
回答已采纳
1回答
我已经在这方面工作了一段时间，我正在努力寻找解决方案。
我正在使用bootstrap和jquery。我已经创建了这段代码，当鼠标悬停在id为#slider的列表项上时，它会显示一个id为#drop的下拉菜单。现在，这段代码可以很好地显示额外的下拉菜单(#drop)，没有延迟或故障。我现在要做的就是当鼠标离开现在可见的元素(#drop)时，它再次消失。
我尝试了几种不同的方法，包括mouseout()和mouseleave()，但似乎没有任何方法能使元素消失。代码如下：
$('#slider').hover
(function(){
$("#drop"
浏览 1提问于2015-02-28得票数 0
2回答
我有一个“圆形”div，类=“完整按钮”(高度/宽度=27 div，边框半径=12 div)。我想改变这个div点击的背景色，从中心开始，通过温和的放松向外扩展。
做这件事最有效的方法是什么？我见过一些文章使用css在鼠标悬停(在选择器之前和之后使用)来完成这个任务，但是我还没有足够的悟性来将这个想法转化为点击jQuery。任何帮助都将不胜感激！
浏览 7提问于2016-10-20得票数 0
回答已采纳
1回答
我是jquery的新手，所以如果我的问题太基本了，请提前原谅。我有一些悬停幻灯片效果的问题，似乎是CSS和jquery问题的混合体。当我将鼠标悬停在图像上时，它第一次完全滑到了图像的末尾，但第二次似乎悬停效果只滑到了第一个元素下方的一半，而不是从图像滑过末尾。
我已经尝试了许多其他的可能性，但到目前为止还没有成功，如果有人能为我指明正确的方向，我将非常感激:)
我正在尝试实现的一个示例可以在这里找到
$('.proimg').hover(function(event) {
$('.boxcaption',this).stop().toggle( &
浏览 0提问于2013-06-07得票数 0
回答已采纳
什么是jquery脚本来改变鼠标悬停时的图像the？
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/go.png"
PostBackUrl="~/Rep.aspx" />
浏览 0提问于2011-05-24得票数 0
回答已采纳
1回答
我有一个巨大的菜单，其中显示drop0down菜单，当一个悬停在父菜单上，当一个悬停在下拉子菜单上时，它显示相应的菜单相关信息在一个容器div与类dd-panel
我正在将悬停的子菜单的背景颜色更改为绿色，如果有人将光标移动到此特定菜单的文本或图像上，我希望它保持绿色。
您还会注意到，当鼠标悬停在父菜单元素上时，我默认选择/显示dropdown ul li的第一个元素。
当鼠标悬停在图像或文本上时，我希望活动菜单的背景/前框颜色表示绿色/白色。
用于的链接
我尝试使用下面的jquery将字体颜色保持为黄色，以供测试人员查看是否有效。但这并不管用。
$(".dd-panel").
浏览 1提问于2013-10-13得票数 1
我想要显示div当鼠标悬停在图像上时我发现了一个我遵循的演示，但它是一个切换悬停我只想在鼠标悬停时显示div一次，当鼠标离开时再次隐藏我不知道我需要在代码中更改什么才能像我想要的那样工作我是新的jquery代码
$(document).ready(function () {
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').hover(function () {
$(".sli
浏览 3提问于2012-05-14得票数 0
回答已采纳
将延迟应用于jQuery鼠标悬停事件尝试了悬停意图，但我希望动态执行。
jQuery(document).on('mouseover', 'span[id^=viewLCmnt_]', function() {
function ajaxTest();
});
我想添加一个延迟，并且在完成第一个鼠标悬停事件之前不触发其他鼠标悬停事件。现在，事件触发得如此之快，以至于看起来很奇怪。
如何在鼠标悬停事件上添加延迟或仅触发单个ajax函数。
像这样试过了
var delay = 1000;
var area = jQuery('span[id^=vie
浏览 6提问于2013-12-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
