クリックで背景画像を変える

bodyの背景画像を変える

クリックでbodyの背景画像を変える

       

HOVERでbodyの背景画像を変える

     

任意の背景画像を変える

クリックで#bgboxの背景画像を変える

       

HOVERで#bgboxの背景画像を変える

        

	//クリックでbodyの背景画像を変える
	<img src="Path/to/img1.png" onClick="document.body.style.backgroundImage='url(Path/to/img1.png)'">
	<img src="Path/to/img2.png" onClick="document.body.style.backgroundImage='url(Path/to/img2.png)'">

	//HOVERでbodyの背景画像を変える
	<img src="Path/to/img1.png" onMouseOver="document.body.style.backgroundImage='url(Path/to/img1.png)'">
	<img src="Path/to/img2.png" onMouseOver="document.body.style.backgroundImage='url(Path/to/img2.png)'">

	//#bgbox
	<div id="bgbox">
	
	//クリックでbgboxの背景画像を変える
	<img src="Path/to/img1.png" onClick="document.getElementById('bgbox').style.backgroundImage='url(Path/to/img1.png)'">
	<img src="Path/to/img2.png" onClick="document.getElementById('bgbox').style.backgroundImage='url(Path/to/img2.png)'">

	//HOVERで#bgboxの背景画像を変える
	<img src="Path/to/img1.png" onMouseOver="document.getElementById('bgbox').style.backgroundImage='url(Path/to/img1.png)'">
	<img src="Path/to/img2.png" onMouseOver="document.getElementById('bgbox').style.backgroundImage='url(Path/to/img2.png)'">

	</div>

TOP