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

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

スポンサードリンク
 

Java Script

前のページへ
 
画像を移動させる
<head> 〜 </head>内に記述
<script type="text/javascript">
<!--
var start_x, static_y, step, last_x, posi_x, timerID;

function initPosition() {
	start_x=-300;
	static_y=10;
	step=2;
	posi_x=start_x;
	if(document.getElementById) {
		if(document.all) {
			last_x=document.body.clientWidth/4;
		}
		else {
			last_x=innerWidth/4;
		}
		document.getElementById("subtitle").style.left=start_x;
		document.getElementById("subtitle").style.top=static_y;
		document.getElementById("subtitle").style.visibility='visible';
	}
	else if(document.layers) {
		last_x=innerWidth/4;
		document.subtitle.left=start_x;
		document.subtitle.top=static_y;
		document.layers["subtitle"].visibility='visible';
	}
	moveImage();
}

function moveImage() {
	if(posi_x>last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x+=step;

		if(document.getElementById) {
			document.getElementById("subtitle").style.left=posi_x;
		}
		else if(document.layers) {
			document.subtitle.left=posi_x;
		}
		timerID=setTimeout("moveImage()", 10);
	}
}
//-->
</script>
 
<body>タグ内に記述
<body onload="initPosition()">
 
<body> 〜 </body>内に記述
<div id="subtitle"
	style="position:absolute;visibility:hidden">
<img src="画像URL" width="200" height="100" />
</div>

このページの上へ