层叠式三维文本特定代码共享的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文字特效代码,希望大家能喜欢它。