jQuery技术

jQuery的打字机效果

字号+ 作者:H5之家 来源:H5之家 2016-06-06 16:00 我要评论( )

jQuery的打字机效果很炫哦,想实现这种效果的请看详细步骤: 1、引用jquery库,下载地址就不用多讲了吧。 2、如何调用呢,$(

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评