问题标签 [rollovers]

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 回答
108 浏览

javascript - jQuery 翻转和 css :hover

我正在尝试在 Jquery 中制作一个简单的导航栏。我想让文本在悬停时更改颜色,并且在单击文本以保持悬停颜色时。真的很简单,我在 css 中使用 hover: 然后在 JQuery 中使用 on click 函数完成了这个没问题。问题是一切正常,直到单击导航栏的一项。单击导航栏项目后:悬停不再起作用?我对 css 很“满意”,但对 jQuery 很陌生。我希望这不是一个愚蠢的问题,但在过去的 2 个小时里,我一直在尝试使用各种 jQuery 代码来解决这个问题!代码变得更长,我修复了 1 个问题,然后创建了另一个问题!如果您检查 JSFiddle,您会注意到翻转工作,直到单击一个!我希望 :hover 继续处理 2 个未点击的链接! 这是 JSFiddle

非常感谢您的帮助。

代码如下:

0 投票
1 回答
42 浏览

html - 无法在页面上定位图像翻转

我是 HTML/CSS 的新手,并且正在学习它,希望将知识转移到我担任编辑的在线报纸上。目前,我正在自己的网站上工作,该网站上有图像翻转。我遇到了翻转工作完美的问题,但我无法左右或上下移动它。对于我添加的每个新翻转,它们只会将一个堆叠在另一个下方,一直到页面的下方。我如何解决这个问题并能够将翻转定位在页面周围,就好像它是正常图片一样。下面是代码。提前致谢。

如果您发现我需要解决的任何其他差异,我将很高兴。

身体

和CSS

{自定义CSS}

0 投票
1 回答
52 浏览

javascript - 翻车很慢

我刚刚发布了我的新网站,但我有一个小问题要解决。在网页设计方面,我完全是自学的。

正如你在这里看到的http://www.thisisfed.com翻车真的很慢,有没有办法解决这个问题

我使用了一个简单的切换 javascript

这就是javascript的工作方式

谢谢你的帮助。

美联储。

0 投票
2 回答
1042 浏览

javascript - 图片元素 srcset 响应式图像翻转

我试图弄清楚如何将图像翻转效果应用于响应式网站中的图片元素。

问题是图像翻转是否可以应用于图片标签中的 scrset 属性?

具有 javascript 翻转效果的工作示例 img 标签

具有javascript翻转效果的图片元素不起作用的示例

有没有人有任何建议可以使用 srcset 在图片标签上实现翻转效果?

该网页有大约 12 个需要翻转效果的响应式图像。

0 投票
1 回答
71 浏览

svg - 在 SVG 中定位广告 ID 以进行翻转

我正在使用从 Adob​​e Illustrator 输出的 SVG 文件,因此可能有相当多的不必要的代码。经过搜索和搜索,我能够想出这个。

它使翻转从外部样式表工作,但它当然将每条路径作为翻转目标。

例如,我需要以组中的路径为目标,以便在翻转时突出显示三个元素。这是来自 Illustrator 的代码结构。

我尝试将 ID 与样式表相关联,但没有任何运气......我还尝试将类直接关联到 SVG。

如果我将 class="locations" 添加到路径中,它当然只会翻转那个元素而不是元素组。当我像这样添加课程时,什么也没发生。g id="WIRE_ROOM" 类="位置"

如果有人可以帮助我,我将不胜感激,因为我已经搜索并尝试了我所知道的一切尝试。

所以在“WIRE_ROOM”的情况下,这些是不同的设备,我需要悬停来突出显示所有 3 个区域以表示一个公共区域。谢谢!

0 投票
0 回答
96 浏览

javascript - 重复的 JS 代码覆盖地图悬停效果

我有一个问题:我有一个交互式地图,我从另一个开发人员那里继承了该地图,该开发人员已经完成了一半的项目。有两张地图,一张是世界地图,一张是美国地图。他完成了美国,所以为了使世界地图正常工作,我复制了 JS 并创建了一个新实例,将 ID 从 US 替换为 WORLD。这很好用!唯一的问题是它禁用了美国功能。任何想法为什么?

这是美国地图代码:

这是 WORLD JS 代码:

最后,这是测试站点,因此您可以在需要时真正深入研究代码:http: //vbfa.bwpcommunications.com

谢谢你的帮助!

沙德纳

0 投票
4 回答
1823 浏览

javascript - 在 div 内悬停时更改图像“src”

我对 javascript 和 jquery 很陌生,所以我可以使用一些帮助。悬停每张图片时如何更改图片 src?例如,当我将 facebook-icon 悬停时,它会发生变化,当我将 google+ 图像/图标悬停时,它会变为我拥有的另一个图像等。

提前致谢!

0 投票
1 回答
199 浏览

javascript - Getting
to be displyed in the heading tag

Listed below is the question for the assignment.

Assignment: To create this application you'll add a banner ad box located in the upper-right conner of the Web page The ads will be stacked on top of each other with different z-index value. To display a different ad, your program will change the z-index numbers, bringing the bottom to the top of the stack. To make the application visually interesting Hellen wants the new ad to scroll down from the top, displacing the current displayed ad.

My Question: Not able to get the banner to show up on the upper right corner of the webpage.

0 投票
1 回答
435 浏览

ipad - 在 iPad 上的交互式 pdf 中翻转 — 没有任何效果

我在为 iPad 和移动设备制作交互式 pdf 文件时遇到问题。我花了几个小时寻找解决方案,但没有找到任何关于这个特定问题的...

我所拥有的是文档中的部分,查看者可以通过复选框回答问题。复选框工作正常。然而,错误答案的复选框会在翻转时触发一个“弹出”窗口,将它们推向正确的答案。我在设计阶段通过 InDesign 和 Acrobat 尝试过这样做。目前该功能主要通过 Acrobat 实现(似乎更接近最终目标)。

我不确定它是像设置一样简单还是什么?任何帮助将不胜感激。如果需要,可以提供更具体的信息。谢谢!

0 投票
1 回答
58 浏览

javascript - 鼠标悬停时翻转图像

我正在尝试编写一个脚本来在鼠标悬停时翻转一组五个不同的图像。类似于fb画廊。

这是我的尝试:

我将寻找一个现有的解决方案,但我想了解我缺少什么才能让它发挥作用。

现在发生的事情是在所有超时发生之后,图像被替换但图像本身相同。

我想知道超时回调何时结束,刷新图像并等待一秒钟后,对下面的做同样的事情,但我发现我误解了它是如何工作的。

帮助/评论?¿