问题标签 [rollover]

我正在做一个使用 Flash CS3 / AS 2（并且不能使用 AS3）的工作项目。我有一个相当有趣和棘手的问题，它占用了相当多的时间和理智。

我正在制作一个横幅，它会在翻转时显示新设计，并在推出时切换回第一个设计。这部分工作正常。但是，问题在于第二种设计还包括一个可点击的号召性用语按钮。当鼠标悬停在此按钮上时，它会将其视为一次推出，并返回到第一个设计。

到目前为止，我已经尝试将点击区域转换为影片剪辑，然后使用 Actionscript 尝试使该影片剪辑可点击。

_root.cta_instance.buttonMode = true;

_root.cta_instance.onRelease = function () { getURL(" http://www.google.com "); }

这可以防止触发推出，但它并没有使它可点击。

我向你们的集体专业知识低头。提前感谢您防止我头上出现更多的白发！

该设计需要一个带有不同字符缩略图的图片库，当你翻阅缩略图时，会出现更大版本的图像，并在左侧的 div 中显示每个字符的标题和描述。

1）有没有办法让两个div都有翻转控制？（放大的图像和说明）

和

2）我需要如何将它与cms同步？

谢谢你的阅读：）

我正在尝试使用 Drew Dillard 的出色 DD_belatedPNG 修复 + jQuery 来实现悬停时的普通图像交换——但使用 PNG，并在 IE6 上工作。

例子：<a id="thelink" href="blah.html"><img src="f-u-ie6.png" /></a>

由于 DD 的脚本将原始图像的可见性设置为“隐藏”，因此您无法有效地将鼠标悬停在它上面。我注意到，很多人都被这个限制所阻挠。足以让 Drew 提到他将尝试在他的 PNG 修复程序的下一个版本中解决问题。

好吧，与此同时，我想我可以通过处理图像父级上的悬停事件来解决这个问题。因此，在鼠标悬停时，我将隐藏由 DD_belatedPNG 创建的 VML 对象，同时在“thelink”上设置背景图像，然后在鼠标输出时，再次显示 VML 对象并将背景图像设置为空。

以下代码只是为了看看我是否可以访问 VML 对象，但它不适用于 VML。它隐藏了所有其他的孩子，但不是 VML。有任何想法吗？

或者，任何人都可以提出一个很棒的PNG图像交换方法吗？我知道您可以交换链接的背景图像。但是你仍然需要在 A 标签内有一些东西。那不是我的情况。另外，您可以在 A 标签中放置一个透明的 GIF，并交换背景图像以达到效果，但我真的不想这样做。感谢您的见解！

我创建了一个投资组合网站，该网站目前在 Safari 和 Firefox 中运行良好，但在 IE 5、6 和 7（不是 8）中存在问题。Portfolio/About/Contact 翻转（纯 CSS）和投资组合部分中的缩略图（纯 CSS）无法正常工作（除了在启动页面上它们很好）。这些翻转具有“活动”状态，以便您知道您所在的页面等。翻转是一个图像，底部是活动站点，顶部是非活动站点。

我的示例 html 页面代码如下：

该代码区域的css如下：

您可以在http://www.evaneesemanndesign.com查看实际网站

目前我已经尝试使用 z-index 以及在翻转期间将不同的图像放入背景......这些选项都不起作用。我知道 IE 存在翻转问题，但我不确定要遵循什么解决方案……尤其是因为它确实适用于网站的某些部分。

任何帮助将非常感激。

谢谢你。

麦迪逊

我目前在rails中实现了一个翻转按钮，如下所示：

如何预加载/缓存鼠标悬停图像 (home_over.gif)，以便用户将鼠标移到图像上时不会出现延迟？谢谢。

基本上我有一堆<img>标签包裹在一堆<div>'s中，还有一些javascript让它们做翻转。该页面在 IE 和 Firefox 中运行良好，但 Safari 提供：

“TypeError：表达式 'ImageNavigateForum' [未定义] 的结果不是对象。”

其中 ImageNavigateForum 是<img>. （滚动<img>页面上的任何内容时都会发生类似的错误。）

必要的代码如下：

#NavigateForumstyle.css 中有一个匹配的条目

屏幕左上角的logo是如何随着翻车而逐渐变色的？我认为它是在 jquery 中完成的。如果你不知道代码，你能给我指一个可以的教程吗？谢谢。

http://www.shopdev.co.uk/blog/

更新：谢谢大家，我已经发布了下面代码的工作版本，

我有一个降临/圣诞日历。每天都是另一张照片，又打开了一扇门。为了使这些区域可点击，我使用了 CSS 和 ID，如下所示：

CSS：

HTML：

到目前为止一切正常。现在，图像应该在鼠标悬停时在该区域上方显示鼠标光标附近的一扇门。我试过类似的东西：

但是如果另一张图片大于门区域，则此方法不起作用。还有什么想法吗？我不能切片背景图像，这不是一个选项。

在该区域内不必跟随鼠标，位置可以固定。但是这第二张图片应该只在鼠标在门上时出现（或者可能在第二张图片上）。

最好的解决方案是这样的：http: //www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

但在这种情况下，放大的是同一张图片。我只有空白的 gif。最聪明的想法是什么？

我正在创建一个使用 jquery 替换翻转图像的导航。这是我正在使用的代码：

http://peps.ca/blog/easy-image-rollover-script-with-jquery/

基本上，您在文件名中添加一个后缀 (_o)，当您翻转 src 时，jquery 将其替换为 (_o).png。我想添加淡入淡出，所以当发生翻转时，过渡不是即时的，而是快速、优雅的淡入淡出。有任何想法吗？

嗨，我有一个关于图像翻转的问题，但这不是你想的那样。

我看过一个示例http://www.asos.com/并单击主页按钮（顶部导航最左侧）

您可以看到，当您翻转图像时，该图像保持突出显示，而其他图像变暗。

我知道这是用 jquery 完成的，但代码非常混乱。有没有人见过这个或知道怎么做？

谢谢