jQuery的打字机效果

jQuery的打字机效果很炫哦,想实现这种效果的请看详细步骤:

1、引用jquery库,下载地址就不用多讲了吧。

2、如何调用呢,$("#msg").typewriter(100); 这里的100为速度,可以根据自己的需求进行配置。

3、附:打字机方法:

(function(a) {

a.fn.typewriter = function(speed) {

this.each(function() {

var d = a(this),

c = d.html(),

b = 0;

d.html("");

var e = setInterval(function() {

var f = c.substr(b, 1);

if (f == "<") {

b = c.indexOf(">", b) + 1

} else {

b++

}

d.html(c.substring(0, b) + (b & 1 ? "_": ""));

if (b >= c.length) {

clearInterval(e)

}

},

speed)

});

return this;

}

})(jQuery);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章