ニュースティッカーが必要だったのでサクサクっと作成。実際に仕事で使ったバージョンはデータをXMLで持つようにしたり、しっかりコメントを入れたりしたんだけど、これはその前のテスト用に作ったバージョンです。面倒なのでそのまま載せちゃいます。あ、DOMの操作をするのにprototype.jsを使ってるのでダウンロードしておいてください(すごく便利だし)。
→Javascript本ランキング@amazon.co.jp
Javascript部
var text = new Array();
var link = new Array();
var textIndex = 0;
text[0]="4/1:エイプリルフール。";
text[1]="3/31:どうぶつの森で遊ぼうキャンペーン";
link[0]="http://blog.livedoor.jp/shotokan";
link[1]="http://blog.livedoor.jp/dobutsu";
var now=0;
var id;
var id2;
var printMessage="";
function init(){
printKaikaInfo();
}
function printKaikaInfo(){
clearInterval(id2);
id = setInterval(printText,50);
}
function printText(){
var area = $("kaikaInfo");
printMessage += text[textIndex].charAt(now++);
area.innerHTML = printMessage;
if(now > text[textIndex].length){
textIndex++;
if(textIndex > text.length-1) textIndex=0;
now=0;
printMessage="";
clearInterval(id);
id2 = setInterval(printKaikaInfo, 3000);
}
}
HTML部分
<div id="kaika"></div>
+++Javascriptおすすめ本+++
・Ajax逆引きクイックリファレンスWeb2.0対応for Windows & Macintosh
・入門 Ajax
・Ajaxイン・アクション