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

bodyの背景画像を変える

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

       

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

※ スマホではクリックで背景チェンジする

      

	//クリックで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の背景画像を変える

       

HOVERで#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