Tag: 鼠标hover

使用jQuery突出显示div，同时使其他人变灰: 我已经在这个问题的一半，但已经陷入困境。我相信过去已经提出过类似的问题，但没有什么是我正在寻找的。我目前在jsFiddle上有一些演示代码可以在这里查看： http ： //jsfiddle.net/WolfHook/jb36D/ HTML Image in Here… Image in Here… Image in Here… CSS #thumbsContainer { background:#000; padding:20px; overflow:auto;} .imageHolder { background:#eee; float:left; margin:5px; width:50px; height:50px; padding:5px; border:1px solid #666;} jQuery的 $(‘#thumbsContainer’).children(‘.imageHolder’).hover(function() { $(this).siblings().stop().animate({‘opacity’:’0.5′}); }, function() { $(this).siblings().stop().animate({‘opacity’:’1′}); }); 所需的效果是按正常方式显示所有div，然后一旦将鼠标hover在div上，其他周围的div会变灰或添加某种叠加。目的是给出印象，突出显示鼠标指针所在的div。你可以看到我在jsFiddle上的代码实现了这个但它对每个div应用了一个不透明度，而不是某种叠加层，这就是导致我出现问题的问题，在我当前的项目中，div位于背景图像上方而不是全黑色背景所以不透明度不会起作用，只会使整个事情看起来令人困惑。理想情况下，我想在unhighlighted div上应用div叠加，我可以使用CSS来设置灰色效果。在这个阶段，我完全愿意接受有关如何达到预期效果的建议。任何人都可以填写并提供一些指示？非常感激。

hover时暂停幻灯片放映: 我有以下脚本来运行幻灯片，这很好用。 jQuery(document).ready(function ($) { setInterval(function () { moveRight(); }, 5000); var slideCount = $(‘#slider ul li’).length; var slideWidth = $(‘#slider ul li’).width(); var slideHeight = $(‘#slider ul li’).height(); var sliderUlWidth = slideCount * slideWidth; $(‘#slider’).css({ width: slideWidth, height: slideHeight }); $(‘#slider ul’).css({ width: sliderUlWidth, marginLeft: – slideWidth }); $(‘#slider ul li:last-child’).prependTo(‘#slider ul’); function moveLeft() { […]

图像放大hover，内容在div框中附加到图像: 我想知道是否有人可以指导我建立一个脚本，我可以通过鼠标hover来放大图像，但图像不仅会被放大，图像周围的div也会附加到它上面当你盘旋谢谢！

jQuery Tipsy：简单的覆盖解决方案？: 如何在不丢失测试文本且不克隆测试文本的情况下将方向从“n”更改为“w”？ $(“.tipsy”).live(‘mouseover’,function() { $(this).tipsy({gravity: “n”, html: true}); $(this).tipsy(“show”); }); $(“.tipsy”).live(“click”,function() { $(‘.tipsy’).remove(); $(this).tipsy({gravity: ‘w’, html: true}); $(this).tipsy(“show”); }); <div class="tipsy" title='test link’>TestTestTestTestTestTestTestTestTestTestTest 这是一个小提琴： http ： //jsfiddle.net/nQvmw/23/

创建圆形鼠标hover饱和效果: 我有两个版本的图像：去饱和版和全彩版。我想要实现的是一种hover效果，其中鼠标在去饱和图像上显示出图像颜色版本的圆圈。这有点像在不饱和图像上闪耀聚光灯以显示其颜色。然后当你移开鼠标时，它会逐渐消失回去饱和状态。我知道我可能会使用flash，但我想用JavaScript和CSS来做这件事。理想情况下，如果JavaScript被禁用并且宽度可以流动（响应），这将降低为仅仅是图像。

鼠标hover时棘手的延迟: 这就是我目前所拥有的： $(“#cart-summary”).mouseenter(function () { $(‘.flycart’).delay(500).slideDown(‘fast’); }); $(“.flycart”).mouseleave(function () { $(‘.flycart’).delay(500).slideUp(‘fast’); }).find(‘a.close’).click(function(){ $(this).parents(‘.flycart’).hide(); }); 它的作用是：如果鼠标hover＃cart-summary – > 500ms后打开flycart 如果mouseout .flycart – > 500ms后关闭flycart 我需要的是：如果鼠标hover＃cart-summary为ATLEAST 500ms – >打开flycart 如果mouseout .flycart为ATLEAST 500ms – >关闭flycart 编辑添加：我也使用hoverIntent，如果可以在这里使用？非常感谢！

使用jQuery检测页面加载时的鼠标hover: 我想在网页加载时检测鼠标是否在元素上。看来这是不可能的jQuery – 鼠标hover，hover等需要鼠标移动; 获取当前鼠标位置（与元素边界进行比较）。我没有看到这个具体的问题，但是看到人们说这不可能有各种各样的问题……

寻找jQuery插件（或代码）来自动滚动mousover上的Carousel项目: 有没有人知道Jquery的插件可以复制这个function？动态驱动器Cmotion库这个想法是你有一个图像列表，一次只能看到它们的X个数字，而不是点击下一个/上一个滚动图像，它们相对于鼠标中心位置的偏移量滚动。我看过JCarousel ，除了鼠标function外，它还有其他function。

jquery触发器hover在锚点上: 我正在使用jQuery在Web环境中开发。我想知道为什么 $(“#a#trigger”).trigger(‘mouseenter’); $(“#a#trigger”).trigger(‘hover’); $(“#a#trigger”).trigger(‘mouseover’); 所有这3个都不能激活我拥有的hoverfunction。 $(function() { $(‘a#trigger’).hover(function(e) { $(‘div#pop-up’).show(); }, function() { $(‘div#pop-up’).hide(); }); }); }); a#trigger是锚点的名称， #pop-up是我网站中的div元素。问题是我想将鼠标hover在FullCalendar插件中的某些事件上，而这些function无法正常工作。谢谢。