1

我有多个按钮（作为菜单）作为索引页面上的图像。我在所有按钮上都有翻转图像。点击后，结果显示在页面中间的 iframe 上。但我也希望该按钮更改并保持更改，直到单击下一个菜单按钮。

一键示例：

<a href="faq.html" target="show" onmouseover="MM_swapImage('faq','','images/faq_y.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/faq_b.jpg" alt="faq" name="faq" width="70" height="70" id="faq" /></a>

4

1 回答 1

0

有更好的方法来实现你想要做的事情。我认为您正在使用 Dreamweaver。通常，Dreamweaver 附带的脚本非常糟糕且过时。

例如，不使用 Dreamweaver 附带的“翻转”图像更改功能。您可以只使用计划旧 css。

例如，如果您创建了一个两倍于按钮宽度的图像，并并排添加了按钮的两种状态。通过这样做，您现在可以使用 css 简单地将按钮的可见区域从一侧移动到另一侧，或者它将从“正常状态”显示为“悬停状态”

示例 CSS：

// button normally. Because we specify a width and height that is all that
// will be shown of our background. e.g. Our "normal state"
a.myButton {
    display:block;
    width:200px;
    height:80px;
    padding:10px;
    cursor:pointer;
    background:url(images/my-button-sprite.png) no-repeat top left;
}

// This will switch the button to our right side (or our "over state")
a:hover.myButton, a.myButton.active  {
    background:url(images/my-button-sprite.png) no-repeat top right;
}

关于您保持悬停状态直到单击另一个菜单项。

为“jQuery”做一个谷歌。它是一组使用 Javascript 的工具和插件。JavaScript 目前正在为您交换图像。

有 1,000 篇关于如何使用 css 和 jQuery 获得所需结果的教程。

查看这些资源：

http://www.w3schools.com/css/ << CSS 是你的朋友.. 学习它..

http://api.jquery.com/toggleClass/ << 这将允许您（使用我提供的代码）做您想做的事情。

但我不会告诉你具体怎么做。因为那会破坏一半的乐趣！

于 2012-11-23T00:23:32.390 回答