需要有关图像按钮的帮助

Need help with Image Buttons

本文关键字：按钮 帮助 图像      更新时间：2023-09-26
<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

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/>

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

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

相关文章：