问题标签 [mouseover]

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 投票
7 回答
15297 浏览

javascript - IE8 上的鼠标悬停/悬停效果缓慢

当在具有多行的表(本例中为 100)上使用鼠标悬停事件时,我注意到 IE8 中的一个奇怪的性能问题。我尝试了很多不同的方法,但我似乎找不到任何方法来尽可能快地获得它。

如果我在每个事件上切换类,所有 IE 版本的性能都会下降,如果我通过 javascript 直接操作 CSS,IE6 和 IE7 会加速很多,但 IE8 仍然表现不佳。

有任何想法吗 ?我真的很想知道是什么让 mouseover 事件与所有其他浏览器相比执行如此缓慢。

如果这种情况只发生在IE6我可以理解并让它过去,但是当最新版本的浏览器最慢时,只会有越来越多的用户体验不好。

使用 JQuery 悬停的示例:http: //thedungheap.net/research/

编辑:我现在已经更新了示例,以便很容易看出 10 行和 200 行之间的区别。这是在同一个文档中,所以这不会是整个 DOM 大小的问题,我猜

0 投票
4 回答
1808 浏览

javascript - mouseover 元素闪烁

我在网页上有一张图片,当用户将鼠标悬停在它上面时,会出现另一张图片。然后将鼠标悬停在出现的图像上时,它会闪烁。

有人知道这是为什么吗?

托尼

更新:第一个图像在悬停时不会消失,只是另一个(较小的)图像出现在左上角的顶部。当现在移动到那个较小的图像上时,就会出现闪烁。

站点上的图像是图库的一部分,因此它是一个 php 变量,当用户从图像列表中选择时会被加载。所以将一个嵌入另一个是非常困难的。

0 投票
1 回答
775 浏览

javascript - 子 div 在父 div 的鼠标移出时消失

我有一些这样的 HTML 东西

在我的脚本中

我的要求是当用户将光标放在整个主 div (divItemHolder) 上时显示编辑链接,并在他移出时隐藏它。这很好用。它显示了编辑链接。但是当我将光标放在编辑链接上时,它消失了。甚至我的点击功能也没有触发!

谁能帮我解决这个问题?

0 投票
2 回答
4430 浏览

javascript - 在子元素的鼠标悬停时调用父 Div 的鼠标移出功能

我的页面中有以下 HTML

在我的 javascript 中

我的要求是当用户将鼠标放在主 div 上时显示编辑链接。现在它工作正常。但是当我将鼠标放在保存编辑图像/链接的 div 上时,它正在消失。我发现当我将鼠标放在编辑 div 上时,父 div 的 mouseout 函数被调用。任何人都可以帮我解决这个问题吗?

0 投票
2 回答
1914 浏览

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

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

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

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

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

0 投票
3 回答
896 浏览

mouse - 使用鼠标悬停显示图片

我正在尝试向我的网站添加一个脚本,我可以将鼠标悬停在可点击的文本链接上,然后在点击带有图片的描述之前会出现在指定的框位置。请在 Subway 的网站上查看非常相似的内容: http ://www.subway.com/applications/Menu/frmMenuPanel.aspx?CC=USA&LC=ENG&MenuID=36

0 投票
1 回答
2185 浏览

delphi - 从 Windows 资源管理器中拖动文件时无法检测 TcxGrid 中的鼠标移动

我最近向一个用 Delphi(2009 版)编写的大型应用程序添加了一项功能,该功能允许用户从 Windows 资源管理器中拖动文件并将它们放到 TcxGrid 控件上。我通过将我自己的窗口过程附加到网格并拦截 WM_DROPFILES 消息的常用方法实现了这一点:

我现在正在尝试增强此功能以检测用户何时将文件拖放到网格中的现有行上,这将开始使用新版本覆盖现有文件的过程。

我的第一个想法是看看网格控件的鼠标悬停事件是否有效。确实如此,但不是在拖动操作期间。

然后我使用了一个名为 Winspector 的程序来查看当鼠标在网格上移动时哪些消息被发送到网格控件,我现在可以检测鼠标在哪一行并突出显示它。我使用与上面相同的技术,但在这种情况下,我将覆盖 GridSite 的窗口过程,而不是网格本身,因为根据 Winspector,消息似乎是在哪里:

这是 GridSiteWindowProc 的主体:

如您所见,我正在捕获 WM_NCHITTEST 消息以实现此目的。根据 Winspector,在拖动操作期间,此消息也会发送到网格站点窗口,但如果我取消注释 Log() 语句,该语句会将消息值输出到字符串列表(之后我手动转储到备注字段),我已经确定由于某种原因,在网格上拖动文件时,我只会收到其中一两条消息。

现在 - 这是有趣的部分:如果我让 Winspector 运行并监视消息进入该窗口,我会在文件拖动操作期间突然开始收到所有 WM_NCHITTEST 消息。如果我将进入窗口 proc 的所有消息的整数值直接输出到单独的日志窗口而不是首先输出到字符串列表缓冲区,情况也是如此。我希望有人能够提供一些线索,说明为什么会发生这种情况或如何让它发挥作用。

0 投票
3 回答
453 浏览

php - 如何在带有鼠标悬停和当前页面图像的单个 php 页面中制作导航栏?

我一直在制作具有三种状态的导航页面:正常、悬停和当前页面。通常我只使用一个简单的鼠标悬停脚本,并在每个页面上包含导航代码,这样我就可以使当前页面的链接处于非活动状态,并使用不同的第三个图像。这是一种草率的做法。

执行此操作的最佳方法是什么,以便我可以将其全部写入单个标题页并为每个页面调用它,但仍保留停用当前页面链接和切换图像的能力?

0 投票
4 回答
6250 浏览

javascript - 使用 javascript 在鼠标悬停时显示图像的灰度版本

我需要一种在mouseover. 我已经看到使用浏览器的 Canvas 功能实现了这一点,但不想使用该方法,因为在所有浏览器上实现 canvas 还需要一段时间。

有没有人做过这样的事情?