<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
,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/>
关于javascript - 需要图像按钮方面的帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5983111/