php技术博客
让天下没有搞不定的bug~

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

赞(0)
未经允许不得转载:PHP技术博客 » jQuery的打字机效果