您的位置:首页 > Web前端 > JavaScript

JS代码:文字一个个显示,添加放大效果

2015-09-18 11:35 441 查看
接昨天的文字放大效果,改变一下,我们让文字一个个显示,出现之后放大和缩小之后,后面的字再出现,JS代码如下:

"use strict";

var i = 0;
textFade();
function textFade(){
var text = "文字渐入效果文字渐入效果";
var str = "";

if(i != 0){
str = text.substr(i-1,1);
var output=document.getElementById('div1');
output.innerHTML += "<span>"+str+"</span>";
var dt = $("#div1 span").eq(i-1);
$(dt).animate({fontSize: "2em"}, 300);
$(dt).animate({fontSize: "1em"}, 300);
}
i++;
if (i>text.length) {
i=0;
}else{
setTimeout("textFade()",700);
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: