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); } }
相关文章推荐
- JavaScript:forEach与every的区别
- Jsp与servlet的区别
- Javascript学习笔记【第三章】3
- js打折 (批量计算9折 8折 7折
- JS实现黑色大气的二级导航菜单效果
- JSP九大对象
- JS闭包循环引用导致内存泄漏之解决方法
- js的BOM对象
- javascript经典 面试题及答案
- javascript闭包
- iScroll.js 用法参考 (share)
- js动态改变图片src在ie6下的兼容问题
- 开发人员使用Angular JS的五大理由
- JSON.NET 简单的使用
- JSON.NET 简单的使用
- javascript命名规范
- 【翻译+山寨】html5+css3+js实现翻页翻书效果
- Box2D.js简易示例
- JSP之静态include指令、动态Include指令
- EPUB.js 解决图片裁剪问题(缩放问题)