层叠式三维文本特定代码共享的jQuery实现

层叠式三维文本特定代码共享的jQuery实现
堆叠的3D文字效果的jQuery实现的是一个非常酷的效果,本代码实现也很简单,没有HTML5和CSS3元素,在jQuery代码实施纯粹。

图:操作效果演示效果

jQuery实现堆栈三维文本特效代码如下

jQuery实现堆叠的3D文本效果。
* { margin: 0px;padding: 0px;}
背景:# FFF身体{;}
。箱{身高:160px;宽度:800px;位置:绝对的;最高:50%;左:50%;保证金:- 00 - 90px 320px;}
p { color: # 7a9c07;字体大小:160px;位置:绝对;顶部:0px;左:0px;字母间距:10px;鼠标指针;}
函数移动(){
var i;
var a=0;
对于(i = $()框)。大小();i 0;i -){
a=1;
Eq(左):* 1,顶部:A *(- 1),不透明度:i * 0.02 })。(Css);
Eq(i)。动画({左:A *(- 1),顶部:A *(- 1),不透明度:i * 0.02 },3000);
$(箱)。动画({余地:- 350px},3000);
Eq(i)。动画(左):* 1,顶部:A *(- 1),不透明度:i * 0.02 },3000);
$(箱)。动画({余地:- 290px},3000);
};
};

$(文档)Ready(函数(){)
var = 0;
对于(p=0,p<5,p++)
{
$(.)。追加($()Clone());
};
移动();
setInterval(移动,6100);
Click(函数(){)
$(p。箱),文本(堆栈的3D文字)。Css({字体大小:110px});
$(箱)。Css({边距:50px});
});

});


以上是共享jQuery实现重叠的3D文字特效代码,希望大家能喜欢它。

tag:文本代码电脑软件jquery

相关内容