jQuery動態打字效果

1. 引入jquery（jquery-10.1.3.js）

2. 自己寫一個擴展方法

  (function($) {
    $.fn.typewriter = function() {
        this.each(function() {
            var $ele = $(this), str = $ele.html(), progress = 0;
            $ele.html('');
            var timer = setInterval(function() {
                var current = str.substr(progress, 1);
                if (current == '<') {
                    progress = str.indexOf('>', progress) + 1;
                } else {
                    progress++;
                }
                $ele.html(str.substring(0, progress) + (progress & 1 ? '_' : ''));
                if (progress >= str.length) {
                    clearInterval(timer);
                }
            }, 75);
        });
        return this;
    };
})(jQuery);

3.html代碼

I want to say:
Baby, I love you forever;

4.加載完頁面調用方法

<script type="text/javascript">
$(function(){
    $("#code").typewriter();
})
</script>