jquery打字机效果

html代码

<div id="box">

    <div id="content">

        <div id="code">

            如果你认识以前的我，那么你会原谅现在的我。

        </div>

    </div>

</div>    

css代码

body{margin:;padding:;background:#ffe;font-size:12px;overflow:auto}

#mainDiv{width:500px;height:100%;margin: 0 auto;margin-top: 100px;}

#code{float:left;width:440px;height:400px;color:#333;font-size:12px;margin:200px 0 0 200px;}

js代码

<script type="text/javascript">

　　(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);

　　　　　　//}

　　　　}, 100);

　　});

　　return this;

　　};

　　})(jQuery);

　　$(function(){

　　　　$("#code").typewriter();

　　})

</script>