问题标签 [jquery-hover]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - Jquery 动画和悬停
我正在尝试在 jquery 中制作动画,
使用此功能,img.hover 会在悬停时显示。这是第一个工作部分。
现在我想做一个无限动画:
但是当鼠标悬停在 div(.map1、.map2 等)上时,我需要它来显示 div 的 img 类悬停。当鼠标退出 div wrapper_map 时重新启动无限动画。
我真的很想做这样的事情,但我需要帮助!
非常感谢
jquery - jquery - 使用悬停显示图像
我目前正在使用 CakePHP 和 jquery。我得到了一系列想要的结果。我必须将该数组显示为输出。数组值之一包含一个“图像 ID”,它对应于数组中值的图像。我要做的是仅当我将鼠标悬停在数组数据上时才显示这些图像。现在所有的图像都是在页面加载时加载的。这增加了页面的加载时间。使用悬停方法,图像只会在鼠标悬停时调用,而不是在页面加载时调用。
我是 jquery 的新手。我只是想知道如何做到这一点。如果有人告诉我一些开始的方法,我可以完成。任何帮助,将不胜感激。如果您需要更多信息,请与我们联系。
问候, BG
jquery - 如何让我的子菜单在 jQuery 悬停菜单中保持打开状态?
我上周刚开始使用 jQuery 进行编码,需要一些帮助来弄清楚如何使菜单正常工作。我有 3 个选项卡,每个选项卡都有自己的菜单。显示页面时会自动显示菜单和子菜单。显示后,用户可以将鼠标悬停在选项卡上以查看其他子菜单,并且当它们停止悬停时,会出现最初的子菜单。
我的问题是,虽然我可以向他们展示其他选项卡的子菜单,但我不能让子菜单保持打开状态以供用户单击子菜单项。其他教程仅在子菜单嵌套在父元素中时显示如何执行此操作,但我的菜单结构代码没有嵌套子菜单(这是我加入项目时的代码)。如果用户将鼠标悬停在相应的选项卡上,有什么方法可以让子菜单保持打开状态?
这是我的菜单 HTML:
到目前为止,这是我的 jQuery:
jquery - 暂时抑制“鼠标离开”的更好解决方案
基本上我mouseleave
在单击元素后取消绑定。但是我希望在单击另一个元素时mouseleave
让该元素的 -event 再次工作。我的代码可以运行,但感觉很笨重,因为我在代码中不断地重复动画。
mouseleave
除了解除绑定和“重新绑定”之外,没有其他方法可以暂时抑制这种情况吗?有什么建议么 ?
HTML
JS:
jquery - jQuery悬停功能不适用于“BxSlider”循环
大家好,我有一个有点奇怪的问题,基本上在这个页面上:
http://www.carbondelight.co.uk
我在由 BxSlider ( http://bxslider.com/ )驱动的无限循环上有 6 个图像/产品,这很简单。
然后,我在 jQuery 中编写了一个函数,当您将鼠标悬停在相应的产品图像上时,该函数会显示产品名称。
我遇到的问题是,悬停只适用于每个循环,不会跨越到下一个循环。例如,如果您查看前面提到的页面,您会注意到循环中的最后一个图像是一辆红色汽车的两个后座,如果您尝试将鼠标悬停在该图像和旁边的船图像之间,您将产品名称不变。但是,如果您将完全移动到下一个循环中,则所有 jQuery 都会再次工作。对于我的生活,我无法解决这个问题。有没有人有任何想法?
提前谢谢大家。
丹尼尔。
代码在这里。
HTML在这里
jquery - 使用 Jquery Cycle 暂停/恢复动画
更新
我已经让它在一定程度上工作,我不知道为什么,但是一旦使用带有循环的 after 回调调用动画,似乎与它交互的唯一方法是使用 jquery 的 .stop 方法。
如果有人能为我阐明这一点,那就太棒了。
谢谢!
下面的原始问题
我正在使用这个暂停/恢复插件:http ://tobia.github.com/Pause/
我用一个简单的动画对其进行了测试,效果很好。
我的问题是我试图在 Jquery Cycle 中使用它,但它根本不起作用。
目前,我有一个非常标准的循环滑块,它有一个导航。每个导航项都有一个计时器栏,它从 320 像素开始,并根据每张幻灯片的长度向下动画到 0。
我试图弄清楚如何将暂停插件与此结合,因此当我将鼠标悬停在幻灯片上时计时器栏动画将暂停,并在我鼠标移出时恢复。
有谁可以帮我离开这里吗?
提前致谢。
这是我的代码:
HTML(仅显示一张幻灯片以保持代码最少)
JS
javascript - 图像交换不返回原始图像
我有一个 javscript 图像交换,可以毫无问题地在悬停时交换图像。我实现了 highslide.js,现在底部图像在鼠标移出时不会返回到它的原始图像。
有什么建议么?
我的脚本如下
和我的html
你可以在这里看到一个例子 http://www.flyfishinggreyriver.com/index2.html
谢谢你!!
jquery - Jquery simplemodal导致hover()触发多次?
我有一个简单的 hover() 事件,在这里效果很好:http ://waterworks.reuniondesign.com/rates (将鼠标悬停在其中一个单号上)
它在这里的主页上效果很好,我已经取消隐藏它:http ://waterworks.reuniondesign.com/ (向下滚动)
但是当在首页点击“点击这里进行码头布局”,将div做成simplemodal box时,鼠标悬停在单号上时会触发两次hover()事件。这是为什么?我尝试制作一个设置变量以查看它是否已经启动的东西,但它没有用。有任何想法吗?
这是执行悬停事件的代码。jLoader 是一个 ajax 函数:
最后,如果有人知道为什么延迟函数在 append() 函数之前不起作用,我很想知道!
jquery - jquery 代码改进。悬停函数,我尝试检索有关第一个函数中的值的信息
我是一名学习者,所以我还需要经验,我有很多问题,但今天我只有一个关于悬停功能的问题。
是否可以将有关变量的信息从第一个悬停函数发送到第二个悬停函数?我认为您不需要更多信息。只是更改标签中 src 的一部分。
我希望你能理解我。=)
这是示例
http://jsbin.com/eporib/edit#javascript,html,live
现在怎么样了!
以及我想要的方式
jquery-hover - easy Slider 1.7(暂停悬停)
我有一个问题,我使用的是简单的 Slider 1.7,我在暂停悬停元素时遇到了问题。暂停悬停有效,但不是我想要的。正如您在页面顶部的示例中看到的那样http://www.graphicvision.ro/projects/forex/index.php,滑块在鼠标悬停时暂停,例如悬停图像或文本,但如果我将它从元素(比如文本)移动到图像元素。即使我在滑块中,它也会播放下一张幻灯片。当悬停在滑块中的任何元素时,我希望它保持暂停。