问题标签 [onhover]

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

javascript - 使用缩略图,如何将主图片更改为缩略图?

我正在尝试使用 Javascript 通过悬停更改图片。我有一个缩略图图像,当用户将鼠标悬停在顶部时,大图会发生变化,具体取决于悬停在哪个缩略图上。

这是我使用的 HTML。

这是放在 header 中的 java 脚本。

0 投票
2 回答
1270 浏览

javascript - 当用户将鼠标悬停在html文档中的静态图像上时如何显示谷歌地图


我想知道当用户点击图像时在灯箱中显示谷歌地图。

例如:-



我真的很想知道如何做到这一点。任何帮助都感激不尽!谢谢你。

0 投票
1 回答
438 浏览

jquery - Jquery 文本覆盖在列表中的缩略图上

悬停缩略图图像时如何显示文本 - 我找到了一些教程,但我需要它在如下列表结构中工作。最好作为附加的 li 或标题。

参考网站在这里: http: //owenmyers.co.uk/TESTING/

0 投票
1 回答
1957 浏览

jquery - 悬停或单击时显示 div,默认隐藏 div

我有一个带有地图的站点,该地图具有可以悬停和单击的不同区域,我想要的是当我悬停或单击一个区域时,页面上会出现一个 div,其中包含一些内容。我尝试使用,overflow:hidden;但似乎没有做这项工作,什么是正确的代码使用,甚至可能吗?

该网站在这里以获得更多理解:http: //iseeit.no/maptest/

那里有两个 div 的内容已经准备好了,默认情况下这些应该是隐藏的,当来到站点并悬停 og 单击一个区域时,它们应该出现,而不是两者,而是与该区域对应的一个,我拆分了 div彼此分开,以免重叠。

该站点由 jquery、css 和 html 组成。

div(css):

Jquery(如果这有帮助):

希望你明白我想在这里问什么:)

更新 1

HTML 中的区域:

CSS 中的区域:

0 投票
1 回答
1109 浏览

jquery - 悬停时的jQuery字体颜色动画不起作用

我正在使用以下代码尝试获取导航链接的字体颜色以在悬停/关闭悬停时进行动画处理。边框底部颜色正确更改,但字体颜色没有。它还抛弃了我的当前菜单项 CSS 规则以获得不同的颜色。所需的行为是字体颜色在悬停时变为蓝色,并在悬停时恢复为灰白色,除非它是当前菜单项,其字体颜色应为黄色。我是这方面的新手,所以请原谅我缺乏风格。我已经包含了颜色支持的 jQuery UI 文件。任何帮助是极大的赞赏。完整的例子可以在这里看到http://www.buenolisto.com/alma

JS

0 投票
4 回答
971 浏览

css - 更改css:悬停距离

我想知道是否有办法让 css:onhover更快发生(即我距离链接 10 像素,并且:onhover调用,而仍然 10 像素)。

编辑:我正在想办法改变:onhover滚动条的距离。

编辑2:这是代码:

0 投票
3 回答
3830 浏览

jquery - 在鼠标悬停时更改整个 div

我已经实现了一个功能,其中一个 div 在悬停时被另一个替换。问题是我希望它在鼠标移出时再次消失。但是当另一个 div 出现时,mouseout 功能显然是因为光标悬停在新的 dix 上...

HTML

CSS

0 投票
0 回答
798 浏览

jquery - jQuery向上滚动

我正在编辑我的 Jquery Scroll Up 脚本,它运行良好,但是当我尝试在悬停时更改图像时发现了错误,这是我的博客

和我的滚动脚本的这个有问题的部分

我想改变这个形象


http://2.bp.blogspot.com/-onAd5CVV5QM/UBzbWeBr88I/AAAAAAAAACI/TPBsgVOiEzg/s1600/arrowhover.png


有了这张图片

http://2.bp.blogspot.com/-onAd5CVV5QM/UBzbWeBr88I/AAAAAAAAACI/TPBsgVOiEzg/s1600/arrow.png

仅在悬停时,

注意: 好吧,我知道如何在 HTML 和 Jquery 中更改鼠标悬停时的图像,但在这种情况下这不起作用,我认为由于在 Script 标签中控制 HTML,你知道如何修复它???或者如果你有任何其他更好的脚本可以在 Jquery 中向上滚动?如果你有请给我... :)

我正在使用此脚本在悬停时更改图像,它可以工作但在这里不起作用!

这是我的整个 Scroll Up 脚本,如果你想查看它..

0 投票
2 回答
762 浏览

html - 菜单项的 CSS 块悬停状态

可能是一个简单的解决方案,但我遇到了问题。我希望在一个大块中的网站主导航的悬停状态。目前它只在当前链接上显示一个悬停选择器。我希望它在任一站点上都有填充。

设计示例 -> http://www.garyrevell.co.uk/student-i/screenshot_01.jpg

这是当前的 WIP 站点。http://www.garyrevell.co.uk/student-i/index.html

资产净值CSS

任何帮助都会很棒。非常感谢

0 投票
5 回答
15136 浏览

jquery - gif在悬停时开始播放并在鼠标悬停时停止?

我想制作下面的 gif,它最初停止但在悬停时开始播放,当鼠标悬停时它会停止......有人可以帮我吗?

在此处输入图像描述