この記事では、クリックして画像をダブルクリックしてズームインおよびアウトする方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします:<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<Title>画像をダブルクリックして拡大するには、[ズームアウト] </title>をクリックします
</head>
<body>
<スクリプト言語= "javascript">
<! - begin
function engrageimage1(){
image1.height = "300"
}
関数DOPIMAGE1(){
image1.height = "150"
}
//終了 - >
</script>
<表>
<tr> <td align = "center">
<img src = "/images/3.jpg" name = "image1" ondblclick = "engrageimage1()" onclick = "dropimage1()" style = "cursor:pointer;"/>
</td> </tr>
</table>
画像をダブルクリックして、プレビュー効果を試してください。
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。