问题标签 [rollover-effect]

我正在创建一个响应式站点，其中包含一个由流体图像组成的画廊。为此，我必须使用 css img {max-width: 100%;}。我还想要悬停时的淡入淡出效果。

有人对此有解决方案吗？

到目前为止，我尝试过的所有解决方案都不适用于 css img {max-width: 100%;}

非常感谢您的帮助！

我想知道是否有人可以帮助我使用此代码？我想添加一个带有淡入/淡出的不透明过渡。我已经单独尝试了，但我是 jQuery 的初学者，所以我没有成功:(

非常感谢 ！

编码

jQuery

CSS

html

我正在使用 WordPress 构建一个响应式站点，我需要制作一个带有 3 个热点的交互式图表：三角形角上的 3 个图标中的每一个都是一个不同的热点......

当蓝色翻过来时，会出现蓝色箭头和文字，部分遮挡三角形的其他部分 - 如此处所示。同样，当果岭翻滚时，会显示绿色箭头和文字。最后，当粉红色滚动时，会显示粉红色箭头和文本。

我以前从未尝试过 CSS 精灵，但我知道它们比旧的 javascript onMouseOut / onMouseOver 方法更好。谁能告诉我如何最好地制作这个交互式图表？我在编码方面不是很老练。任何帮助将不胜感激。

谢谢！

我正在开发一个 jquery 导航。一切都很好，除了 IE。jquery 翻转状态的功能不起作用。有什么想法吗？我对包装导航进行了编码，并且每个链接的翻转都有转换效果。我在想我可能会在 IE 中丢失某种元素作为解决方法，但我不确定。我试图查看其他可用的代码，但似乎找不到任何关于我在这方面缺少的帮助。谢谢！

CSS：

HTML：

JavaScript：

我正在尝试使用 CSS3 和 bootstrap3 对响应式图像产生叠加效果。问题是翻转带来了覆盖在边距上的背景，比图像本身大。

这是我的html：

和CSS：

有人有建议吗？谢谢

嘿伙计们，我仍在为朋友设计相同的网页模型设计，我正在努力弄清楚一些事情，以便我知道未来。

首先，背景图像的位置不正确（我知道如果我将其从固定位置更改，但我想要那种滚动效果）。代码是：

如果我弄乱了背景尺寸，那么尺寸不适合网站。

1. 我将一种字体从我的计算机（我还没有设置服务器）作为 OTF 文件上传到公共字体生成器网站，当我昨晚处理它时，我让它在我的计算机上运行，​​但现在从我的办公电脑，字体默认显示。有解决方法吗？还是我需要服务器？

2. 我想在底部的图片上添加一些翻转效果，一般放大一点，淡出并添加文字，类似于revingchamp网站（滚动到底部，没有足够的代表发布两个链接？！？）所以这个代码工作：

   /li>

另外，由于我使用的是引导框架，当我尝试通过调用类缩略图来放大缩略图时，没有任何改变我如何使图像更大但仍然在它们所在的行中？

1. 最后一件事是关于如何使网站的格式适应浏览器窗口、移动设备等的一般问题，以便字体不在页面上运行或顶部的徽标错位？这可能与我一直在通过 codeacademy 学习的 javascript 有关（但到目前为止，它是所有这些游戏和随机功能，而不是网站功能）。如果使窗口变小，导航菜单文本将运行到 .jumbotron div 上。

谢谢大家，我知道很多，但希望有人可以帮助我解决其中之一！

**这里是 JSFiddle** http://jsfiddle.net/thedonmon/KZ7d8/5/

我对 JavaScript 比较陌生，但我试图找到一种更有效的方法来调用翻转函数，而无需在 HTML 中使用内联事件。以下是我目前使用的方法：

HTML

JS

基本上，我正在调用一个函数来应用 CSS 变换和不透明度更改，以便在图像或鼠标悬停时将鼠标悬停在每个 work_square 上，然后在鼠标移出时删除更改。

这种方法有效，但我的理解是内联编码是不好的做法。有人可以指出我朝着更有效方法的正确方向吗？

谢谢。

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

提前致谢！

我有一个带有悬停效果的圆圈，下面有一些文字。现在我想要实现的是当您翻转整个圆形容器而不仅仅是圆圈本身时触发悬停效果。

演示 http://jsfiddle.net/kL0vxrxL/

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

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

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