问题标签 [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.

0 投票
1 回答
2291 浏览

javascript - 如何获得悬停/鼠标悬停效果以保持选中状态?

当谈到 Javascript 时,我是一个初学者,如果你能提供任何帮助,我将不胜感激!我正在我的主页上创建一个功能框,其中三个标题将共享一个图片点。我找到了一个脚本,可以在标题滚动时更改图像,但是当页面打开时很难判断第一个标题是否与第一张图片一致。如何让我的悬停样式显示为已选中,然后保留最后一个被翻转的标题,因此很明显标题与照片显示相配?这是我的例子

这是我正在使用的代码:

悬停风格:

JAVASCRIPT:

0 投票
4 回答
26640 浏览

html - 如何增加标题属性的默认悬停持续时间(工具提示)

0 投票
3 回答
1607 浏览

jquery - 优化 jQuery 悬停代码以更好地执行(更流畅的动画)

最近我一直在阅读有关 jQuery 优化技巧的文章,这些技巧无疑有助于提高我的脚本的性能。

但是,我在我的网站上有这个精选新闻部分,鼠标悬停时可以将更多信息滑入适当的位置,并且该部分在除 Safari 之外的任何浏览器中都表现不佳(那么可能还有 Chrome。)

我相信这样做的原因是它在动画之前对每个 mouseover/mouseout 事件进行了相当多的 DOM 遍历和计算。

我的问题很简单:有没有办法优化下面的代码,让动画运行更流畅?

由于我正在开发的网站尚未发布,因此我上传了新闻部分的屏幕截图,让您了解它的外观。

谢谢!

0 投票
7 回答
6329 浏览

jquery - jquery:嵌套标签和 hover() 在 IE 中不起作用

我有这样的结构:

我需要捕捉容器的 mouseout 事件,所以我让 jquery 这样做:

在 Firefox / Opera 中,它只在离开 div 时触发 mouseout 功能(我想要它)。

在 IE 中,它会在鼠标点击的 div 内的每个 *-Tag 处触发 mouseout 功能。(*也许重要的是,span 标签也有 mouseover 和 out 事件)

任何人都知道如何解决这个问题?(嵌套结构无法更改,因为布局复杂)

thx4 任何想法!

0 投票
3 回答
10752 浏览

eclipse - 如何在 Eclipse 中关闭 Javadoc 悬停(或有选择地启用它)?

一位开发人员不喜欢 Eclipse 悬停的 Javadoc,并希望禁用它(一个选项),或者更好的是,只选择性地启用它(另一个选项)。他正在使用 Eclipse 3.3。这可能吗?

0 投票
2 回答
1371 浏览

jquery - jQuery工具提示图像预览不起作用

我有一个简单的图片库,我已经分页了,我想在滚动时使用悬停效果,就像 istockphoto.com 上使用的那样,无需离开页面即可预览图像。

这个 jQuery 工具提示插件看起来简单、直接且写得很好,所以我在我的网站上实现了。插件在这里:http ://cssglobe.com/post/1695/easyest-tooltip-and-image-preview-using-jquery

然而......它根本不起作用。大家可以看看,让我知道我可能忽略了哪些可笑的愚蠢事情吗?

我的开发站点:http ://homewoodphoto.jhu.edu/gallery/20030101_test_gallery/

谢谢!

0 投票
3 回答
7174 浏览

javascript - 在悬停时更改 div 的内容,jQuery

我有一个菜单<li>,当悬停时会向下滑动一个包含子菜单的面板。(已修复)现在我需要使用根据悬停的菜单项而变化的内容填充该子菜单。(已修复)

最后一个问题:如果使用 .click 而不是 .hover ,我只能进行内容更改 ... - 在同一元素上使用 2 x .hover 是否有问题?

0 投票
2 回答
482 浏览

jquery - JQuery:创建在悬停时显示在div顶部的盒装文本

假设我有一个名为 mainDiv 的 div,它包含一个<p>元素,里面有一些文本。我想在您将鼠标悬停在第一个元素上时显示的同一个 div 内创建另一个元素(可能是 a<p>或 a<div>或其他东西?),并且在您将鼠标移离第一个元素后很快隐藏。优选地,第二个元素中的文本被封闭在一个黑盒子中,或者类似于Facebook照片页面标题的东西,例如。<p>

如何才能做到这一点?我正在考虑为悬停事件添加一个切换功能,但我不确定该怎么做,因为我对 JQuery 很陌生。另外,您能否提供一些 CSS来为悬停时显示的元素创建一个框(可能是半透明的,可能不透明度为 60% 左右?)?此外,如果这可以通过 toggle() 来完成,是否可以将 toggle() 与动画速度一起使用,例如慢或快(如 show(slow) 中的)?

另外,我认为高 z 顺序对于此目标至关重要,但我不确定该框是否会直接显示在上方,而不是侧面,或类似的东西。

0 投票
2 回答
1914 浏览

javascript - Javascript - JQuery - OnHover NOT OnClick - 修改插件

如果你看右边,有一个缩略图库。我需要将操作从“点击”更改为“悬停”。我不是 javascript 开发人员,此时更改脚本将是徒劳的(修改这个脚本的时间太多......出于其他原因)。

如果您能帮助我找到一种将操作从“点击”更改为“悬停”的方法,我将不胜感激。

链接是这个(编辑:删除链接,问题已解决,谢谢)

为了帮助你们,你们将寻找 /js/jquery.galleriffic.js 文件

0 投票
2 回答
2124 浏览

jquery - jQuery悬停效果问题

我创建了一个简单的 JQuery 脚本,在某些链接上具有悬停效果。该脚本运行良好,您可以在此处看到:测试示例...(请在 IE 以外的任何浏览器上测试它)

但是,如果我将鼠标快速悬停在链接上,您会注意到图像图标不会按要求消失。我已经尝试了一切来解决这个问题,但我找不到合适的解决方案。

现在的问题:我如何确定在 mouseOver 悬停效果完全完成后应用 mouseOut 悬停效果?