Jquery实现叠层3D文字特效代码,JS代码库,德仔网

代码语言

代码分类

【JS】 Jquery实现叠层3D文字特效

作者:邓剑彬 / 发布于2013/3/18/ 541

此Jquery特效实现叠层3D文字，效果非常酷，实现代码也很简单，没有用HTML5和CSS3元素，纯粹用Jquery代码实现。


	function move(){
	var i;
	var a=0;
	for(i=$(".box p").size();i>0;i--){
	 a=a+1;
	 $(".box p").eq(i).css({left:a*1,top:a*(-1),opacity:i*0.02});
	 $(".box p").eq(i).animate({left:a*(-1),top:a*(-1),opacity:i*0.02},3000);
	 $(".box").animate({"margin-left":"-350px"},3000);
	 $(".box p").eq(i).animate({left:a*1,top:a*(-1),opacity:i*0.02},3000);
	 $(".box").animate({"margin-left":"-290px"},3000);
	};
	};

	$(document).ready(function(){
	var p=0;
	for(p=0;p<5;p++)
	{
	 $(".box").append($(".box p").clone());
	};
	move();
	setInterval(move,6100);
	$(".box p").click(function(){
	 $(".box p").text("叠层3D文字").css({"font-size":"110px"});
	 $(".box").css({"margin-top":"-50px"});
	});
	
	});

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　3D文字　

同语言下

可能有用的

邓剑彬贡献的其它代码(5)