Tag: hover

Jquery IE bizzare问题可能包装问题？

我有一个新网站的自定义hover工具提示。 它工作得很好，直到我们发现它不会在IE中消失 我认为它与live监听器与mouseover和.wrap()命令的组合有关 这是snippit： $(‘.tooltip’).live(‘mouseover’, function() { $this = $(this).wrap(”); … 这是http://jsfiddle.net/HxGtA/8/ 请注意，它适用于chrome / firefox但不适用于IE 似乎无法修复它。

如何中断Hover的handlerOut

我有以下情况： 我有一个对象，我们称之为“按钮”。 当你在Button上移动时，它会使另一个对象“Info”向下滑动。 当然，当你的鼠标离开Button时，Info会向上滑动并消失。 但是，Info有一个链接，用户可能想要点击它。 我可以延迟Info的上滑，但是在我到达Info后我无法阻止它。 这是我正在使用的代码。 $(“#button”).hover(function(){ $(“#info”).slideDown(“fast”); }, function(){ //the handlerOut $(“#info”).delay(1000).slideUp(“fast”); }); 在hover它之后，如何告诉Button不要滑动信息？

hover的元素然后单击删除hover效果并再次单击再次添加hover

我正在尝试用JQuery创建一个搜索词拼图框。 基本上每个单元格中都有一个字母表，用户需要通过单击表格单元格来查找和标记网格中的单词。 所以我试图通过以下方式组合点击和hover事件： 当鼠标结束时，所有单元格都应该具有hover突出显示效果，除非已经单击它。 如果单击它，它应该只是更改为不同的颜色来标记活动选择，以便删除hover效果。 再次单击所选单元格后，它应恢复到其原始状态，并添加hover高亮效果。 进一步的点击只会重复上面提到的切换。 这怎么可能？ 我用unbind（），bind（）选项尝试了以下操作，但它没有用。 谢谢，阿提拉 $(“#puzzleTable td”).each(function(){ $(this).hover( function(){ $(this).css(“background-color”, “#FF6633”); }, function() { $(this).css(“background-color”, “#99CC00”); }).toggle( function(){ $(this).unbind(‘mouseenter mouseleave’), $(this).css(“background-color”, “#006699”) }, function(){ $(this).css(“background-color”, “#99CC00”), $(this).bind(‘mouseenter mouseleave’) } ); });

jquery在hover时淡出淡出多个元素

我正在开发一个投资组合页面，并希望当用户将鼠标hover在项目上时，使用jquery在图像上淡入一些信息。 我对后端jquery的东西很新，所以刚开始弄脏我的手。 我已经设法让淡入淡出和单独的div元素工作，但我需要它为每一个独立工作。 我认为这需要一些更动态的代码，但我不知道从哪里开始。 如果你看下面我有一个适用于一个项目的代码。 将鼠标hover在第一张图像上时会出现div。 这是我需要的结构，因为真正的投资组合具有这种基本结构。 我只需要代码就可以让其他两个代码工作。 现场将有多个hover。 Robs Test body{background:gray;} div{position:relative;} #box{ position:relative; width:150px; height:150px; float:left; display:block; background:black; margin-right:20px; } #boxover{ position:absolute; top:10px; left:0px; width:100%; height:20px; z-index:100; background:white; display:none; } $(function(){ $(‘#box’).hover(over, out); }); function over(event) { $(‘#boxover’).fadeIn(2000); $(‘#boxover’).css(“display”,”normal”); } function out(event) { $(‘#boxover’).fadeOut(2000); } hello there rob 如果有人能告诉我如何使每个人独立工作那将是伟大的。 我猜一个像灯箱一样的rel属性？ 我很高兴为每个图像分别设置一个id / rel。 […]

如何在hover时停止jQuery函数？

我有一个在setInterval（）上运行的jQuery函数; 我想要做的是当我将鼠标hover在正在显示的div上时停止间隔，并且一旦我将鼠标hover在div上，再次开始间隔（也就是继续循环通过div）。 关于如何以最简单的forms做到这一点的任何想法？ 谢谢！ 阿米特

将父母的hover应用于jquery ui autocomplete child

我处于类似的情况，我的另一个问题是阻止datepicker触发父mouseleave ，但该解决方案似乎不适用于jQuery UI自动完成。 hover如何也适用于自动完成的孩子？ 换句话说，如果一个#hoverMe在自动完成建议上， #hoverMe应该保持打开状态。 此外，建议/代码如何处理select #hoverMe之外的选择，同时保持#hoverMe显示，直到一个#hoverMe回来，这将是伟大的！ http://jsfiddle.net/Kzp87/ HTML hover me arbitrary text JS $(document).ready(function () { var availableTags = [ “ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C”, “C++”, “Clojure”, “COBOL”, “ColdFusion”, “Erlang”, “Fortran”, “Groovy”, “Haskell”, “Java”, “JavaScript”, “Lisp”, “Perl”, “PHP”, “Python”, “Ruby”, “Scala”, “Scheme” ]; $(“#autocompletor”).autocomplete({ source: availableTags }); var _enter = false; $(“#hoverAnchor”).add($(“#hoverMe”)).mouseenter(function () […]

使用jQuery更改多个背景图像

在我的css页面中，我将其作为代码： header { background:url(‘afbeeldingen/r.png’),url(‘Afbeeldingen/black.jpg’); background-position: 50% 33%, left top; background-repeat: no-repeat, no-repeat; background-size:26%,960px 130px; margin-left:auto; margin-right:auto; } 现在在我的html页面中，当我将鼠标hover在导航栏上时，我希望使用JQuery来更改第一个图像。 你能帮我么？

如何创建具有“可缓存”区域的图像，这些区域在jQuery或HTML5中显示其他信息

我正在尝试创建一些我觉得在jQuery或HTML5中应该很简单的东西，但我很难找到它的资源。 如果有人可以提供帮助，我们将不胜感激。 目标 – 我有一个单独的图像，其中16个部分是可以收集的。 此图像的其他部分完全是静态的。 如果用户hover在其中一个预定义区域上，我希望在图像上弹出缩略图和标题。 这是一个静态页面，没有内容需要是动态的。 现在整个图像都是PNG，但它是从矢量图像中保存出来的，所以如果愿意的话我可以将区域转换为SVG。 理想情况下，我可以将其保留为单个图像，因为这对于更广泛的项目非常有用。 我在HTML5或jQuery中做得很好。 这方面的解决方案是否已存在？ 我觉得它必须。 还有其他问题吗？ 我已经意识到这一点，并计划使用类似的东西作为备份计划 – http://www.gethifi.com/blog/jquery-vs-flash-for-interactive-map

对于HTML5 Fileupload，需要“mouseover with file”事件

我正在为jQuery开发一个新的HTML5上传脚本，当用户’使用文件!!’hover’div时，我必须识别该事件。 我不想强调div。

从hover切换到点击？

我最近在我的网站上在页面底部实现了一个小盒子，当鼠标hover在它上面时进行扩展…这是代码，一切都很好。 CSS #box{ position:absolute; width:300px; height:20px; left: 33%; right: 33%; min-width: 32%; bottom:0; background-color: #353535; } JavaScript的 $(‘#box’).hover(function() { $(this).animate({ height: ‘220px’ }, 150); },function() { $(this).animate({ height: ’20px’ }, 500); }); 但是我很好奇我是如何改变它来打开和关闭点击而不是鼠标hover在它上面？ 我把它编辑成…… $(‘#box’).click(function() { $(this).animate({ height: ‘220px’ }, 150); },function() { $(this).animate({ height: ’20px’ }, 500); }); 这可以打开盒子。 但我无法通过另一次点击再次关闭它。 到目前为止如此接近！ ：P