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

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

スポンサードリンク
 

Java Script

前のページへ
 
画像のズームイン・ズームアウト
<head> 〜 </head>内に記述
<script type="text/javascript">
<!--
var i, dstep;
var iheight=100;
var iwidth=200;
var step=0.01;
i=1.0;
dstep=step;

function zoomImage() {
	if(i>1.5) {
		dstep=-step;
	}
	if(i<0.5) {
		dstep=step;
	}

	if(document.getElementById) {
		document.getElementById("logoimage").setAttribute('width', iwidth*i);
		document.getElementById("logoimage").setAttribute('height', iheight*i);
	}
	else if(document.layers) {
		msg='<img src="画像URL" width="'+iwidth*i+'" height="'+iheight*i+'">';
		document["subtitle"].document.open("text/html");
		document["subtitle"].document.write(msg);
		document["subtitle"].document.close();
	}
	i+=dstep;
	setTimeout("zoomImage()", 100);
}
//-->
</script>
 
<body>タグ内に記述
<body onload="zoomImage()">
 
<body> 〜 </body>内に記述
<div id="subtitle" style="position:absolute; top:10px">
	<img id="logoimage" src="画像URL" width="200" height="100" />
</div>

このページの上へ