JavaScript实现图片双击放大单击缩小的完整代码示例

JavaScript实现图片双击放大单击缩小的完整代码示例

本文介绍了一种使用JavaScript实现图片交互效果的方法，具体为双击图片进行放大、单击图片进行缩小。以下是详细的实现代码，供读者参考学习。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>双击图片放大，单击缩小</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function enlargeImage1(){
image1.height="300"
}
function dropImage1(){
image1.height="150"
}
// End -->
</script>
<table>
<tr><td align="center">
<img src="/images/3.jpg" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()" style="cursor:pointer;"/>
</td></tr>
</table>
双击图片试试预览效果。
</body>
</html>

希望本文所述的JavaScript程序设计示例能对读者有所帮助。