当前位置:首页 > 日记 > 正文

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

相关文章

ppt如何插入声音PPT基本教程

ppt如何插入声音PPT基本教程

教程,声音,电脑软件,ppt,PPT,PPT生动生动,对我们的工作很有帮助。很多时候,我们不仅需要图像,而且需要声音,那么我们怎样才能把声音插入PPT呢下面我们介绍你。让我们看一看。 方法/步骤 1,根据PPT软件,把一般的计算机带进来,打开PPT程序。 2。在菜…

PS图象处理软件的设计很漂亮的蓝色

PS图象处理软件的设计很漂亮的蓝色

很漂亮,图象,处理软件,蓝色,播放按钮,本教程主要使用PS图象处理软件的一个非常漂亮的蓝色立体按键设计。整个教程很漂亮,难度也不是很大。建议你喜欢你的朋友一起学习。 本教程主要使用PS图象处理软件的美丽的蓝色立体播放按钮设计。本教程…

Word2007添加行号设置技术每行Word

Word2007添加行号设置技术每行Word

教程,设置,行号,技术,电脑软件,在写文件,或写论文,为了计算本文的行数,我们可以用Word2007 ldquo线;功能设置给文件添加一行线;因此,我们建议,你可以清楚地看到文件的多少。 设置行号;步骤如下: 1、打开文档,点击在菜单栏中;页面布局;选择页面设置中的…

照片通用标准尺寸

照片通用标准尺寸

通用,照片,尺寸,标准,电脑软件,照片的尺寸太大了,有时候不需要弄清楚。现在我们要给大家介绍一些最普通的照片。希望你能帮上忙,以后不要再为这些参数头疼了! 常规尺寸 常见的电话 英寸 厘米 解释 1英寸 1 * 1.5 2.5 * 3.5 证明 2英寸 1.5 * 2…

如何设置ppt决议PPT基本教程

如何设置ppt决议PPT基本教程

教程,决议,如何设置,电脑软件,ppt,PPT的分辨率是多少如何设置PPT显示在不同的显示设备上分辨率可以根据16:9和4:3。这个例子主要说明如何设置分辨率,希望能对你有所帮助。 PPT有时会显示在不同的显示设备上。分辨率可以根据16:9和4:3。这个…

有效提高PPT制作效率的几个步骤PPT

有效提高PPT制作效率的几个步骤PPT

基础课,效率,几个步骤,电脑软件,PPT,微软PowerPoint(以下简称PPT)是办公软件的强大工具。它强大的演示功能使它成为会议、演讲和上课的主要道具,下面是一些帮助我们更好地使用这个实用软件的技巧。 幻灯片播放 这个功能可以帮助我们回到第1…

TanabataValentine节浪漫人格签名

TanabataValentine节浪漫人格签名

个性签名,人格,浪漫,快乐,电脑软件,想念一个人有时会遇到一个微笑,但你的心会流泪。 过去的幸福嘲笑内心的痛苦。世界上最痛苦的痛苦是离开。 我想你已经成为我的习惯,等待是我最快乐的时刻。 只要被分开的人,无论多么熟悉,都会逐渐疏远。 幸福…

QQ空间留言板留言QQ空间伤感语句

QQ空间留言板留言QQ空间伤感语句

空间,语句,留言板,伤感,留言,1,你会错过很多的生活,但不要错过一个真正值得你交往的朋友。生活中,总是有太多的期望,失望过,总是有太多的梦想已经失去,总是有太多的话没有人可以起诉。事实上,有些事,轻轻放下,不一定是容易的;有些人,记住,不一定是幸福…

PS花卉元素后期彩妆的商务制图课程

PS花卉元素后期彩妆的商务制图课程

元素,花卉,后期,课程,电脑软件,今天我们将分享后期PS妆的图片,这是后期彩妆的一种图片修复方法。这是以后行业学习的好方法。我希望通过本教程你能学到一些有用的知识。 这是一个ps元素后期化妆后的商业绘画教程,教程很实用,介绍也很详细,推荐…

CDR生产图文本教程

CDR生产图文本教程

教程,图文,电脑软件,CDR,本教程介绍了一个朋友CDR,使表的方法,这是非常适合初学者。 制作简单的表单时,我们经常使用它。这里我们将介绍CDR表单方法。让我们一起看吧。 方法/步骤 CorelDRAW软件教程 对于CorelDRAW软件表格工具 它肯定不如o…

在Excel2003表格插入特殊字符的方

在Excel2003表格插入特殊字符的方

方法,教程,特殊字符,表格,电脑软件,当我们工作时,我们会在Excel表单中插入一些特殊字符来表示一些单位格式。那么我们如何在Excel中插入特殊字符呢Ldquo已经说过;Word2003插入特殊符号,的方法很简单,就是插在它的方式。 打开excel窗体,然后单击…

详细的vs2012发布网站的步骤

详细的vs2012发布网站的步骤

步骤,发布网站,详细,电脑软件,我们经常做好自己的网站,但不知道如何发布,今天,小编辑为了教你如何实现网站的发布。 1、打开VS2012网站项目中,右键单击项目菜单和再生的网站项目;点击右边的再次释放: 2。弹出网站设置面板,单击并创建一个新的发布…