画像を右から出現させ特定位置で止まるようにする

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows - ×
Macintosh - - ×
UNIX - - - - - ×

解  説  画像を右から出現させ特定位置で止まるようにするにはページが完全に読み込まれた後にウィンドウの右側の座標を求めます。IEはdocument.body.clientWidth、NN6はwindow.innerWidthで取得できます。これを最初の座標として画像の座標を指定し以後タイマーを使って座標を減らしていけば左側に画像が移動します。
コード <html> <head> <title>画像を右から出現させ特定位置で止まるようにする</title> <script language="JavaScript"> <!-- x = 0; // 画像の表示X座標 dx = 32; // 1回の移動量 limitX = 0; // 左端の座標 imgName = "myIMG"; // 移動させる画像名 function iMove() { x -= dx; // 左側へ移動 if (limitX < x) setTimeout('iMove()',100); else x = limitX; document.images[imgName].style.left = x; } function iSet() { if (document.all) x = document.body.clientWidth; if (!document.all && document.getElementById) x = window.innerWidth; document.images[imgName].style.left = x; setTimeout("iMove()",500); } // --></script> </head> <body onLoad="setTimeout('iSet()',500)"> <img src="image.jpg" width="180" height="120" name="myIMG" style="position:absolute;left:9999px;top:0px;"> </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!