マウスオンで、テキストボックスのメッセージを徐々に表示させる。 　　　　　
Sample
ここにマウスカーソルを乗せて、下のテキストボックスを見てください。

ソース 
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var data = "AaBbCcDdEeFfGgHh0123456789";
var done = 1;
function start_shake() {
  magtxt= '　Ｊａｖａ−Ｄａ！！　Good Java-Script サンプルが２００以上！！';

  if (done) {
    done = 0;
    prep_msg_func(magtxt, 2, 1, 0, 2);
  }
}
function shake_out() {
  document.myform.mytext.value = 'Mouse OUT.';
  done = 1;
}
function prep_msg_func(magtxt, mv_left, delay, chr_var, max) {
  if (!done) {
    mv_left = mv_left - 1;
    var stat_msg = magtxt.substring(0, chr_var);
    var cur_chr;
    for (cur_chr = chr_var; cur_chr < magtxt.length; cur_chr++) {
      stat_msg += data.charAt(Math.round(Math.random()*data.length));
    }
    document.myform.mytext.value = stat_msg;
    var re_run = "prep_msg_func('" + magtxt + "'," + mv_left + "," + delay + "," + chr_var + "," + max + ");"
    var new_chr = chr_var + 1;
    var next_chr = "prep_msg_func('" + magtxt + "'," + max + "," + delay + "," + new_chr + "," + max + ");"
    if(mv_left > 0) {
      setTimeout(re_run, delay);
    }
    else {
      if (chr_var < magtxt.length) {
        setTimeout(next_chr, Math.round(delay*(chr_var+3)/(chr_var+1)));
      }
       else {
         done = 1;
      }
    }
  }
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<center>
<a href="#" onMouseOver="start_shake()"onMouseOut="shake_out()">
ここにマウスカーソルを乗せて、下のテキストボックスを見てください。</a>
<br><br>
<FORM name="myform">
<input type=text name=mytext size=70>
</FORM>
</center>
</BODY>
</HTML>
ワンポイント解説
document.myform.mytext.value　が、テキストボックスのメッセージです。

magtxt= '　　　　Ｊａｖａ−Ｄａ！！　を、好きなメッセージに変えてください。

<a href="#" onMouseOver="start_shake()"　を、
<BODY onLoad="start_shake()">　にすれば、ウインドウを開いた時点で、メッセージ表示を開始するように変更できます。