在Web中如何使一图像象命令按钮一样赋予Event属性
编号：QA000042
建立日期: 1998年10月21日 最后修改日期：1998年10月21日
所属类别：
YIJIANG:
在Web中如何使一图像象命令按钮一样赋予Event属性，如onClick、onMouseOver等？
回答:
我们知道如果以图像作为链接时，可以使用这几种事件。我想你的问题是既想使用事件，又不希望链接到其他地方去。这个问题在Internet Explorer 4.x中不是什么问题，因为IE 4.x几乎支持所有元素的onClick、onMouseOver事件，但这在Netscape中就是问题了，因为Netscape只允许在—<a></a>、<area></area>和<layer><layer>中使用onMouseOver等事件。我们利用<a>来解决这一问题(当然也可以使用<area></area>)。请看下面这段HTML代码：
<html>
<body>
<SCRIPT LANGUAGE="JavaScript">
function nothing()
{
}
</SCRIPT>
<A href="javascript:nothing()" onmouseover="window.status='Love me tender.';return true" onclick="alert('This link is just an example - it doesn\'t lead anywhere!')" ONMOUSEOUT="window.status='';return true"><IMG SRC="circle.gif" WIDTH="105" HEIGHT="97" BORDER="0"></a>
</body>
</html>
当鼠标在该图像上移动时(onMouseOver和 onMouseOut)，窗口下部的状态条会发生变化，而当你点击图像时(onClick)，会显示一个消息框，而不是链接到其他地方。这里的关键是我们使用了一个nothing函数，它什么也没做。
此问题由李海回答。
| |
|
|
| |
|
|
