TOP /すぐに使えるJavaScript イルミネーションⅡ

マウスを乗せると光が走ります 

<span style="color:#0000ff"
onmouseover="ill_start(this,'#ffffff')"onmouseout="ill_stop()">
マウスを乗せると光が走ります</span>
こちらもマウスを乗せると光が走ります 
<span onmouseover="ill_start(this,'#ff0000')"onmouseout="ill_stop()">
こちらもマウスを乗せると光が走ります</span>
文字列内にタグなどは使用で来ません。文字装飾はスタイルシートで行います。
同じページにいくつでも使うことができます。
<head>～</head>内に以下をコピー 
<script type="text/javascript"><!--
txt_msec=80;       //表示速度
//-----------------------------------------------------
txtplus="";fc=0;ill_set=0;io="";li_color="";
function illumitxt(){
for(i=0;i<Il_text.length;i++){
txtplus +=(fc==i)?"<font color='"+li_color+"'>"+Il_text.charAt(i)+"</font>":Il_text.charAt(i);
}
illobj.innerHTML = txtplus;
txtplus="";
fc++;fc%=Il_text.length;
}
function ill_start(io,ic){
if(!ill_set){
illobj=io;
li_color=ic;
Il_text=illobj.innerHTML;

ill_set=setInterval("illumitxt()",txt_msec);
}
}
function ill_stop(){
clearInterval(ill_set);
ill_set=0;
for(i=0;i<Il_text.length;i++)
txtplus +=Il_text.charAt(i);
illobj.innerHTML = txtplus;
txtplus="";fc=0;
}/* himajin.moo.jp */
// --></script>