需要图像按钮方面的帮助答案

【问题标题】：Need help with Image Buttons需要图像按钮方面的帮助
【发布时间】：2011-08-24 09:31:14
【问题描述】：

<a href="#" 
    onmouseout="MM_swapImgRestore()" 
    onmouseover="MM_swapImage('Home','','Images/menuButtons/home_out.png',1)" 
    onclick="alert("Hello")" ><img onclick="alert("Hello")" 
    src="Images/menuButtons/home_on.png" 
    alt="Home" name="Home" width="164" height="64" border="0" id="Home" />
</a><br/>

我正在尝试创建一个带有翻转图像的导航菜单栏。翻转图像部分是由 Dreamweaver 创建的，因此所有这些都是 MM_functions。但是onclick，我想更改主框架的内容，而不仅仅是打开一个超链接。

所以我尝试了onclick="JS_funtion()" 以及onMouseDown 和onMouseUP。似乎没有任何效果。如示例所示，它甚至没有调用函数，我尝试调用 alert() 仍然无法正常工作。我是 HTML/Javascript 新手。

我做错了什么？

我的网站是www.sitebloviate.com

【问题讨论】：

标签： javascript html image button rollover

【解决方案1】：

我认为您的问题是您的 onclick="alert("Hello")" 应该是 onclick="alert('Hello')" 用单引号表示文字字符串。它可能在那里窒息。

【讨论】：

【解决方案2】：

Arjan 是对的，你不能在双引号属性中使用双引号。

其他：

你的图片中不需要onclick，锚标签就可以了，
设置href="#" 通常是不好的做法。最好将其设为真正的链接，这样如果用户右键单击并选择“在新选项卡中打开”，它会将它们带到有意义的地方。

不过，要执行后者，您需要通过返回 false 来取消事件。

例子：

<a href="/path/to/real/page" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','Images/menuButtons/home_out.png',1)" onclick="alert('Hello'); return false;" >
<img src="Images/menuButtons/home_on.png" alt="Home" name="Home" width="164" height="64" border="0" id="Home" /></a><br/>

【讨论】：

【解决方案3】：

如果您将 onclick="alert("Hello")" 替换为 onclick="alert('Hello')"（注意 ( 和 ) 之间的不同引号），它将起作用。

【讨论】：

你们太快了！ +1