javascript - 需要图像按钮方面的帮助

Question

<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

Answer 1

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

其他:

• 你不需要在图片中使用 onclick，anchor 标签就可以了，
• 设置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/>