Tag: hover

jQuery hover show div toggle: 我正在这个非常简单的网站上工作但是我已经有一段时间了，因为我摆弄了jQuery，我想我在这里做错了。在这里你可以用jsFiddle预览这个想法http://jsfiddle.net/rGb34/1/ jQuery存在一些问题。如果将鼠标hover在黄色按钮上，黄色内容将开始翻转。如果你将鼠标hover在一个按钮上然后退出它，则div会消失（由于切换function）但我希望最后一个div处于活动状态，即使没有hover。有没有人对我有好的建议，所以我可以完成这个？

试图在CSS类/hover状态之间循环 – Jquery: 我正在尝试在JQuery中创建一个函数，它可以无限期地abortTimer它们的非hover和hover状态之间的几个链接，直到我的abortTimer函数被触发。我想在相反的时间在a.mus-plr和a.earbuds之间制作动画，所以当其中一个元素启用了’.hover’类时，另一个不启用’.hover’类。我希望每个元素每3000毫秒在它的hover状态之间切换。任何帮助将非常感激！我似乎无法让这个工作。我认为这可能是我如何定义我的setInterval计时器的问题。谢谢！！ JQuery文件： $(document).ready(function(){ var tid = setInterval(animateControls, 4000); function animateControls() { $(“a.mus-plr”).delay(2000).addClass(‘hover’).delay(2000).removeClass(‘hover’); $(“a.earbuds”).addClass(‘hover’).delay(2000).removeClass(‘hover’); } function abortTimer() { clearInterval(tid); } });

如何通过鼠标hover在另一个映射图像区域上显示小图像和段落？: 这将更好地解释我想要的东西而不是我的文字： http ： //jquery-image-map.ssdtutorials.com/即使该教程可用，但它是在photoshop中使用图像叠加完成的。但我使用jquery插件“jquery.maphilight.js”突出显示我的映射图像。使用它我有一个映射的图像，如果我鼠标hover在图像上，它会突出显示在映射的部分。如果一个人将鼠标hover在特定房间（映射部分），如何显示小图片和段落。这是javascript： $(function () { $(“.mapping”).maphilight(); $(“#mapping”).css(‘visibility’,’hidden’) $(“.hoverable”).css(“border”, “3px solid red”); 这是图像映射的html：

jQuery $ .hover用于导致“弹跳”的子菜单: 我在使用jQueryhover方法时遇到了一些麻烦。这是相关的JavaScript代码： $(“#navigation > li > ul”).hide(); $(“#navigation > li”).hover( function() { $(this).children(“ul”).slideDown(125); }, function() { $(this).children(“ul”).slideUp(125); } ); 这是相应的HTML： Top Level Item #1 Top Level Item #2 Sub-Menu Item #2-1 Sub-Menu Item #2-2 Sub-Menu Item #2-3 每当您将鼠标hover在顶级项目上时，其中的子菜单（如果有）将下拉并具有漂亮，快速的幻灯片效果。问题是当你快速鼠标hover在菜单中并将鼠标放在菜单所在但尚未到达的位置时：菜单将点击鼠标hover动画的“结束”并弹回到隐藏状态，并重复，直到从下拉菜单中删除鼠标。

jQuery hoverIntent子菜单从子菜单移动到主菜单时淡出: 我尝试创建一个子菜单：延迟1秒后再次隐藏用户友好性（意外失去焦点）淡出，所以它很明显在重新进入时停止褪色并逐渐消失我介绍了使用hoverIntent。它现在正在使用以下代码（jQuery的版本应该是最新的，否则fadeIn不起作用）： $（文件）。就绪（函数（）{ function showMenu() { $(“#speciesSubmenu”).stop(true,false).fadeIn(500).show(); } function hideMenu() { $(“#speciesSubmenu”).fadeOut(1000,0); } $(“#menuItemSoorten”).hoverIntent({ over: showMenu, timeout: 800, out: hideMenu }); }）; http://jsfiddle.net/johannesklapwijk/p8PDW/15/

使用jqueryhover在按钮上？: 在按钮上执行hover事件，如下所示。 Large Smaller Normal JQuery代码是： $(‘#common_id .button’).hover(function () { $(this).addClass(‘hover1’); }, function () { $(this).removeClass(‘hover1’); }); Css是： .hover1 { background-color:Black; position:relative; } 将鼠标放在按钮上时，整个行（从开始到结束）变黑，即使按钮没有变黑，但其背景似乎沿着该行是黑色的。当我将鼠标hover在它上面时，我希望按钮是黑色的。为什么不工作？提前致谢。

停止在hoverjQuery上更改偏移量: 我想在浏览器窗口的左侧创建一个小条，它跟踪鼠标的Y位置并跟随鼠标。到目前为止，没有问题。但是现在我想在鼠标hover在div上时阻止div偏移，以便也可以点击div刚刚显示的内容。我做了一个小提琴，让自己清楚 http://jsfiddle.net/UXWp6/ $(document).bind(‘mousemove’, function(e){ $(‘#blokje’).offset({top: e.pageY-100}); }); #blokje{width:200px; height:200px; background:white; position:relative; left:-180px; color:black; } #blokje:hover{left:0;} #blokje #tit{position:absolute; width:30px; height:200px; background:black; right:0; top:0; } &nbsp A link This is the content where I would like to have my content clickable like that link on top

在hover它时保持jQuery`Abpended`元素打开: 已经回答了自己的问题（见答案）所以从jQuery引发`[jQuery created Element] .is（“：hover”）`似乎只能在Chrome中工作。更多背景：当我们从已经在DOM中的元素移动到由jQuery的.append()方法添加的元素时，我试图保持hover。我正在使用.is(“:hover”) 。这种方法在Chrome中运行良好但没有其他浏览器。正如我们发现的那样（来自上面的链接）它在一段时间之前被删除了。旧：方法 var hov = $(“I’m Over You”), box = $(“Result: WAITING”) $(“body”).append(hov).append(box); $(“#MeHover”).on(‘mouseleave’, function(){ var d = new Date(); box.text(“Result: ” + hov.is(“:hover”).toString().toUpperCase() ); });

使用Jquery在hover时显示图像: 我在网上浏览了一下，找不到我想用hover导航做什么的具体答案或教程; 我发现的最多是jquery编码图像动画或背景图像动画。此刻我的导航设置为在淡入淡出时淡化为不同的颜色。我还想做的是，当有人在导航上盘旋时，不仅链接会淡化为不同的颜色（我已经工作了），但我还想要一个箭头图像，我必须出现在文本的左侧。我也喜欢它随着文本消失，但如果那不可能，我不挑剔。为了澄清，我不希望在链接没有hover时显示箭头。如果它有帮助，这里是我目前的淡入淡出jquery： this.fadeLinks = function() { var selector = “#nav1 a”; var speed = “slow” var bgcolor = “#6c919a”; $(selector).each(function(){ $(this).css(“position”,”relative”); var html = $(this).html(); $(this).html(“”+ html +””); $(this).append(“”+ html +””); if($.browser.msie){ $(“span.one”,$(this)).css(“background”,bgcolor); $(“span.two”,$(this)).css(“background”,bgcolor); $(“span.one”,$(this)).css(“opacity”,1); }; $(“span.two”,$(this)).css(“opacity”,0); $(“span.two”,$(this)).css(“position”,”absolute”); $(“span.two”,$(this)).css(“top”,”0″); $(“span.two”,$(this)).css(“left”,”0″); $(this).hover( function(){ $(“span.one”,this).fadeTo(speed, 0); $(“span.two”,this).fadeTo(speed, 1); }, function(){ $(“span.one”,this).fadeTo(speed, 1); […]

将hover状态链接到两个元素上: 我有一个网格中的链接列表，以及这些链接的垂直菜单。我正在尝试链接这两个集合，以便当您将鼠标hover在网格中的项目上时，菜单项也将突出显示，反之亦然。这是我到目前为止所得到的： /* Grid */ /* Menu */ Menu Link 1 Menu Link 2 Menu Link 3 $(document).ready(function() { $(‘div.count1’).click(function() { $(“#item177”).trigger(“mouseover”); }); }); 相关：计算具有特定类的元素数，然后添加对其进行编号的ID