マウスが乗ったら横からスライドして文字が出てくる

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

解  説  マウスが乗ったら横からスライドして文字が出てくるようにするにはonmouseover, onmouseoutイベントが発生したら文字を移動させる関数を呼び出します。指定位置まで移動するまでsetTimeoutを使って自分自身の関数を引数付きで呼び出します。
コード <html> <head> <title>マウスが乗ったら横からスライドして文字が出てくる</title> <script language="JavaScript"><!-- flag = 1; function slide1(objName) { sObj = document.all[objName].style; if (sObj.pixelLeft < 0){ sObj.pixelLeft += 10; setTimeout("slide1('"+objName+"')",100); }else{ flag ^= 1 } } function slide2(objName) { sObj = document.all[objName].style; if (sObj.pixelLeft > -70){ sObj.pixelLeft -= 10; setTimeout("slide2('"+objName+"')",100); }else{ flag ^= 1 } } // --></script> </head> <body> 文字にマウスが乗ったら横からスライドして文字が出てきます<br><br> <div id="Lay1" style="position:absolute;left:-70px;top:30px;" onmouseover="if (flag) slide1('Lay1');flag ^= 1;" onmouseout="if (flag) slide2('Lay1');flag ^= 1;"> にょろ〜ん■</div> </body> </html>

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