jQuery+css3屏幕文字逐渐变大动画特效

jQuery+css3实现的类似电影屏幕放映文字逐渐变大动画特效，文字从小大到，由远到近，然后消失，后面的文字跟着出现。

分类：文字特效 > 文字动画难易：初级

查看演示下载资源下载积分： 20 积分

js代码

<script type="text/javascript">
		var narr = ["JAVASCRIPT", "css3", "HTML5", "ANGULARJS", "VUEJS", "REACT", "JAVA8.0", "TOMCAT", "APPEND", "QINGHUADAXUEDEWENZI", "CUIWEFFMEN", "text-shadow", "overflow:hidden", "keyframes", "charset", "nodeName.toLowerCase()", "xml.documentElement", "xml.getElementsByTagName(parsererror)", "中国人", "美国人", "俄罗斯人", "澳大利亚新西兰人", "蒙牛伊利三路和非非人民"];
		//由远及近，从小到大
		var l = narr.length, i = 0;
		function addSpan(){
			setTimeout(function(){
				i = (i == l) ? 0 : i;
				var nstr = "<div>"+narr[i]+"</div>";
				$("#dk").append($(nstr));
				$("#dk div").last().show(500);
				i++;
				addSpan();
			}, 500);
		}
		setInterval(function(){
			$("#dk span:lt(10)").remove();
		}, 10000);
		addSpan();
	</script>