Tag: hover

用于生成多色文本的jQuery插件，可在hover时更改颜色: 我想为各种链接生成多色文本，从预先指定的颜色数组中随机分配颜色到单个字母，这将在文本中将鼠标hover在div上时发生变化。我在想一个jQuery插件/脚本将是要走的路。我想知道是否存在这样的插件或近似的插件。谢谢，缺口

鼠标hoverfunction在队列中多次出现: 我有这个代码在鼠标hover时淡化另一个代码，并在光标离开查看区域时淡出。示例： http ： //jsfiddle.net/3vgbemgu/ $(‘.under’).hover(function () { $(‘.over’).fadeIn(); }, function () { $(‘.over’).fadeOut(); }); 但是，如果用户快速多次将鼠标移动到该区域上，则动画会创建一个队列，这意味着div会一个接一个地淡入淡出。更明显的是，屏幕上有多个动画实例，或者淡入和淡出时间较长。如何在第一次出现动画时重新触发动画？

使用JavaScript设置背景颜色会破坏CSShover行为: 我正在尝试创建一个菜单，其中当前所选（单击）元素具有与其他元素不同的背景颜色（我正在尝试使用JavaScript实现此目的）。我还使用CSS :hover伪类来突出显示hover元素。但是，我遇到了一个奇怪的问题：当我使用JavaScript设置任何元素的背景颜色时，其CSShover行为不再有效。也就是说，我不能再通过hover它突出显示该元素。我已经在Firefox和Chromium中检查过了。这是jQuery和普通JavaScript的情况。代码如下。我已经简化了很多来缩小问题的范围。首先尝试hover任何菜单项，然后单击“设置背景颜色”链接并再次hover其中一个菜单元素。无论是否单击“设置背景颜色”按钮，我期望hover时元素变红（＃f00）。对于jsfiddle链接，请转到底部。香草JavaScript： p#links a { display: inline-block; width: 80px; height: 22px; line-height: 22px; background-color: #00f; color: #fff; text-decoration: none; text-align: center; font-family: sans-serif; } p#links a:hover { background-color: #f00; } Background color Link 1 Link 2 Link 3 Link 4 Set background color document.getElementById(‘setbgcolor’).onclick […]

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

jqueryhover事件不适用于谷歌浏览器中的选择选项标签？: 我有一个简单的select标签 a b c d 我想在option上添加hover事件 $(‘select option’).hover(function(){ console.log($(this).val()); },function(){ console.log(“mouse out”); }); 但是，它仅适用于Firefox，而不适用于Chrome。我怎么解决这个问题？这是jquery中的错误吗？有一些黑客攻击吗？

如何在2个部分重叠的 s上独立检测hover？: 我的情况是这样的：我有两个部分重叠的div，每个都有hover效果：Div 1 – 包含一个条形图，其中的条形图对hover有影响。 Div 2 – 是一个横跨屏幕底部20％的区域，当用户将鼠标hover在屏幕底部时（例如靠近屏幕底部），控件从底部向上滑动，以允许它们将全局属性更改为表格。我希望浏览器能够独立地检测任何一个对象上的hover，但是发生的事情是顶部的任何对象检测到hover，但另一个没有。我发现了一堆几乎相关的问题，但似乎没有回答这个问题。这是一个原型，所以只能在一个浏览器（最好是Chrome）中工作的hacky答案/答案都可以。使用CSS，jQuery或JS的解决方案也都可以。编辑：添加了一个小提琴，我认为将说明我的问题： http ： //jsfiddle.net/Gkgrx/ 因此，如果你徘徊在“桌子”的底部（hover时变为绿色的大红色方块），当我击中导致桌面控件向上滑动的区域（它确实）时，桌子会丢失其hover状态 – 我想要它还能检测到hover。显然我需要在这里剪切和粘贴代码： CSS： .controlhover { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 150px; z-index: 1; } .tablecontrol { position:absolute; bottom: 0px; left: 200px; right: 200px; background-color: #242D2F; opacity: .9; height: 70px; color: #FFFFFF; } .table […]

jquery菜单盘旋: 我有一个菜单，当我鼠标hover在div上时它会显示，鼠标输出时它会淡出。问题是，如果你翻过菜单的任何一个孩子，菜单就会消失（因为从技术上来说，如果你超过其中一个孩子，那么你就不会超过父母）是否有办法让孩子们翻身不会算作mouseout？这是我的代码： http ： //jsfiddle.net/32bLg/

将csshover转换为jqueryhover: 我正在建立一个hover效果的网站。请参阅http://vitaminjdesign.com/index.html并查看右下角的服务部分。我正在使用：hover以更改背景颜色。我想使用jquery以优雅的淡入淡出来实现相同的效果。这是我的HTML： Website Design （用不同的图像和文字重复6次）基本上，当.iconrow被翻转时，我希望背景从无变为背景颜色：#cccccc; 当它滚落时，回到没有。

使用jQuery动画时丢失hover（不移动鼠标）: 我有这一行缩略图，我用jQuery动画。这些缩略图中的每一个都有一个hover和活动类。它们工作正常但是当我为列表设置动画时，鼠标光标下的新缩略图不会应用hover？每次点击后我都要移动鼠标一点点？这有点难以说明..我在这里做了一个小提琴： http ： //jsfiddle.net/nZGYA/ 当您在不移动鼠标的情况下开始点击拇指3后，您会看到我的意思… 它在FireFox中运行良好，而不是Safari，Chrome，IE等。我可以做些什么吗？这里参考我的代码： .container { position: relative; overflow: hidden; width: 140px; height: 460px; float: left; margin-right: 100px; background: silver; } ul { position: absolute; top: 10; list-style: none; margin: 10px; padding: 0; } li { margin-bottom: 10px; width: 120px; height: 80px; background: gray; } #list-2 li […]

当某些东西hover时，我如何连续点击一下？: 我很确定这有一个简单的解决方案。我正在使用jCarousellite，我想改变内置导航按钮的行为，在hover时触发。 $(“#carousel”).jCarouselLite({ vertical: true, btnNext: “.btn-down”, btnPrev: “.btn-up”, visible:6, circular: false }); $(“#carousel .btn-down”).hover(function() { $(“#carousel .btn-down”).click(); }); 但它只在鼠标hover时触发一次，我需要它在鼠标hover时继续射击。