jquery实现叠层三维(三维的缩写)文字特效代码分享

jquery实现叠层三维(三维的缩写)文字特效是一款效果非常酷，实现代码也很简单，没有用HTML5和CSS3元素，纯粹用Jquery代码实现的。

运行效果图： - 效果演示-

为大家分享的jquery实现叠层三维(三维的缩写)文字特效代码如下

hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejquery实现叠层三维(三维的缩写)文字特效/title style type=' text/CSS ' * { margin :0 px；padding:0px } body {背景： # FFF；}.box { height:160px宽度宽度：800像素位置：绝对；前：50%；左侧：50%;余量：-90px 0-320 px；} p { color : # 7a 9 c 07font-size :160 px位置：绝对；top:0pxleft:0px字母间距：10 px光标：指针指针；}/style脚本src=' http : js/jquery-1。7 .2 .量滴js ' type=' text/JavaScript '/script脚本类型=' text/JavaScript '函数move(){ var I；var a=0；for(i=$(').方框p ').size()；i0；I-){ a=a 1；$('.方框p ').方程式(I ).css({left:a*1，top : a *(1)，opa city 3360 I * 0.02 })；$('.方框p ').方程式(I ).动画({左： a *(1)，前： a *(1)，opacity:i * 0.02 }，3000)；$('.方框')。动画({'margin-left':'-350px'}，3000)；$('.方框p ').方程式(I ).animate({left:a*1，top : a *(1)，opacity:i * 0.02 }，3000)；$('.方框')。动画({'margin-left':'-290px'}，3000)；};};$(文档)。ready(function(){ var p=0；for(p=0；P5；p ) { $(' .方框')。追加($(')。方框p ').clone())；};move()；setInterval(移动，6100);$('.方框p ').单击(函数(){ $(').方框p ').文本('叠层三维(三维的缩写)文字').CSS({ ' font-size ' : ' 110 px ' })；$('.方框')。CSS({ ' margin-top ' : '-50px ' })；});});/script/head dydiv class=' box ' p我们/p/div/body/html

以上就是为大家分享的jquery实现叠层三维(三维的缩写)文字特效代码，希望大家可以喜欢。