電光掲示板風動く文字3
電光掲示板とは言いがたいかもしれませんが、まぁ動く文字列のサンプルです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <script type="text/javascript"> <!-- var spd = 100; //動作スピード var defColor = '#333333'; //デフォルト文字色 var emColor = '#ff00ff'; //強調文字色 var x = 0; var lng = 0; var str; function ini(id){ str = id; var smp = document.all(str).innerHTML; var tmp = ""; lng = smp.length; for(i=0; i<lng; i++){ tmp += "<font id="+str+i+">"+smp.substring(i,i+1)+"</font>"; } document.all(str).innerHTML = tmp; cngC(); } function cngC(){ if(x >= lng){x = 0;} var y = x - 1; if(y < 0){y = lng - 1;} document.all(str+x).style.color = emColor; document.all(str+y).style.color = defColor; ++x; setTimeOut("cngC()",spd); } //--> </script> </head> <body onload="ini('Key')"> <p ID="Key" style="font-size:16px;color:#333333;"> 電光掲示板とは言いがたいかもしれませんが、まぁ動く文字列のサンプルです。 </p> </body> </html>