fnwiyaBlog

EmacsとかLispとか可視化とか

タイプライター風のアニメーションを加えるt.js

自分のgithub.ioでも使っているt.jsを紹介します。

github.com

使い方

<div id="target">
    sometext<br>
    <del>これはけされる</del>消されたところにこれが書かれる<br>
    2秒待機<ins>2</ins>待った?<br>
    ...<ins>これは塊で一気に表示される</ins>
</div>
$(function(){
    $('#target').t({
        speed:30,
        speed_vary:true,
        delay:1,
        mistype:25,
        locale:'en',
        caret:true,
        blink:false,
    });
});

その他途中でイベントを挟んだりもできるので動きのある楽しいページが作れると思います。