位置指定

動くボタン

コード

<SCRIPT language=JavaScript>

var nCount = 0;

function MoveNext() {

	nCount++;
	switch( nCount % 4 ) {
		case 1:
			document.all.item( "MoveButton" ).style.left	= 100;
			document.all.item( "MoveButton" ).style.top	= 0;
			break;
		case 2:
			document.all.item( "MoveButton" ).style.left	= 100;
			document.all.item( "MoveButton" ).style.top	= 100;
			break;
		case 3:
			document.all.item( "MoveButton" ).style.left	= 0;
			document.all.item( "MoveButton" ).style.top	= 100;
			break;
		case 0:
			document.all.item( "MoveButton" ).style.left	= 0;
			document.all.item( "MoveButton" ).style.top	= 0;
			break;
	}

}

</SCRIPT>

<HTML>
<HEAD></HEAD>
<BODY>
<INPUT type=button Name=NormalButton value=NormalButton onClick='alert("動けません....")'>
<INPUT
	type=button
	Name=MoveButton
	value=MoveButton
	style='position:absolute;left:0;top:0' onClick='MoveNext()'
>
</BODY>
</HTML>

押せないボタン

コード

<SCRIPT language=JavaScript>

var nCount = 0;

function MoveNext() {

	nCount++;
	switch( nCount % 4 ) {
		case 1:
			document.all.item( "MoveButton" ).style.left	= 100;
			document.all.item( "MoveButton" ).style.top	= 0;
			document.all.item( "MoveButton" ).value	= "おっと";
			break;
		case 2:
			document.all.item( "MoveButton" ).style.left	= 100;
			document.all.item( "MoveButton" ).style.top	= 100;
			document.all.item( "MoveButton" ).value	= "どっこい";
			break;
		case 3:
			document.all.item( "MoveButton" ).style.left	= 0;
			document.all.item( "MoveButton" ).style.top	= 100;
			document.all.item( "MoveButton" ).value	= "押すのは";
			break;
		case 0:
			document.all.item( "MoveButton" ).style.left	= 0;
			document.all.item( "MoveButton" ).style.top	= 0;
			document.all.item( "MoveButton" ).value	= "むりむり";
			break;
	}

}

</SCRIPT>

<HTML>
<HEAD></HEAD>
<BODY>
<INPUT
	type=button
	Name=MoveButton
	value=MoveButton
	style='position:absolute;left:0;top:0' onMouseover='MoveNext()'
>
</BODY>
</HTML>