event.x event.y
画像にさわるとステータスに画像の左上角を0,0とする座標が表示されます。
document.layers[0].topとleftを足せば画面の中の位置もわかります。
続けて何度も触るとボタンがバウンドします（＾＾）
<![CDATA[
<HTML>
<HEAD>
<TITLE></TITLE>
]]><![CDATA[
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
window.resizeTo(640,560);//ウインドウサイズを幅640高さ560に設定
//動かすためのfunction
function movimg(){
//もしレイヤーimgAの位置が画面上端を0として-90より上の場所にあれば....
if(document.layers['imgA'].top<=-90){
//画面上端から下に向かって180の位置まで１ピクセルづつ移動する
while(document.layers['imgA'].top<180){
document.layers['imgA'].top += 10;
}
}else{ //もし-90以下以外の位置なら...
//画面上端から-90の位置まで -1 ピクセルづつ移動する(上に向かって動く）
while(document.layers['imgA'].top>-90){
document.layers['imgA'].top -= 10
}
}
}
<!---->
]]><![CDATA[
</HEAD>
<BODY>
<LAYER NAME="imgA" VISIBILITY="show" TOP=-90 LEFT=250>
<A
]]><![CDATA[HREF="javascript:void(0)"
onMouseOver="status=' x='+event.x+' y='+event.y;movimg();return true"]]><![CDATA[
><IMG SRC="BOTAN.GIF" WIDTH=120 HEIGHT=90 border=0></A>
</LAYER>
<LAYER NAME="btnA" VISIBILITY="show" TOP=270 LEFT=233>
<FORM>
<INPUT TYPE="button" VALUE=" ぼたんのボタン " ]]><![CDATA[onClick="movimg()"]]><![CDATA[>
</FORM>
</LAYER>
</BODY>
</HTML>
]]>
Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi