文字の電光掲示板のようなものを作りました。WEBページ内で目立たせたい文字に対して実行することで、印象づけることができます。
SAMPLE解説
<script language="javascript" type="text/javascript">
//文字列を準備する。
var text = new Array("","動く電光掲示板","のようなテスト","難しくはありません。");
var tLen = 1;
var margin = " ";
var view = text.join(margin);
onload = function(){
setInterval('scrolling()',300);
}
function scrolling(){
//view文字列の先頭文字を最後尾へ移動
view = view.substring(tLen,view.length) + view.substring(0,tLen);
//画面に反映
document.forms['testForm'].elements['testText'].value = view;
}
</script>
・フィールド
文字列を生成しています。表示したい文字をいくつか配列として格納し、Array.joinで結合しています。
joinの引数は結合時のセパレータです。
・onLoad
掲示板を動的に動かすため、0.3秒ごとに関数(scrolling)を実行しています。
・scrolling
文字列の先頭１文字を一番最後に持っていき、それを画面に反映させています。
PR
