タダでインターネットでお小遣い稼ぎましょう!

タダでインターネットでお小遣いを稼ぎましょう!

スポンサードリンク
 

Java Script

前のページへ
 
ボタンで画像の表示/非表示

サンプル


 

<head> 〜 </head>内に記述
<script type="text/javascript">
<!--
var mode=1;
function changeImage() {
	if(mode==1) {
		document.getElementById("myImg").style.visibility="hidden";
		document.getElementById("myButton").value="表示する"
		mode=0;
	}
	else {
		document.getElementById("myImg").style.visibility="visible";
		document.getElementById("myButton").value="隠す";
		mode=1;
	}
}
//-->
</script>
 
<body> 〜 </body>内に記述
<form>
	<input id="myButton" type="button" value="隠す" onclick="changeImage()" />
</form>
<br>
<img id="myImg" src="画像URL" width="200" height="200" />

このページの上へ