この記事では、画像をクリックしてJSのページの背景画像を変更する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします:<html>
<head>
<title>画像をクリックしてページの背景画像を変更します</title>
</head>
<body bgcolor = "#ffffff" leftmargin = "0" marginWidth = "0">
<スクリプト言語= "javascript1.2">
<! -
function tile(){
if(!document.all)
戻る
var source = event.srcelement
if(source.tagname == "img")
document.body.style.backgroundimage = "url("+source.src+")"
}
関数restore(){
document.body.style.backgroundimage = ''
}
document.body.ondblclick = restore
- >
</script>
</p>
<p align = "center"> <span onclick = "tile(); event.cancelbubble = true">
<img src = "/images/m01.jpg" height = 65 width = 96 border = 2>
<img src = "/images/m02.jpg" height = 65 width = 96 border = 2>
<br>
<img src = "/images/m03.jpg" height = 65 width = 96 border = 2>
<img src = "/images/m04.jpg" height = 65 width = 96 border = 2> </span> </p>
</td>
</tr>
</table>
</center>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。