天天看点

jQuery3D霓虹灯文字效果-20130710

1、效果及功能说明

使用jQuery和CSS | jsfoot脚本特效 演示

2、实现原理

首先定义个计算毫秒的周期方法这个方法可以自行就行循环然后就开始判断因为在div里面有两个span标签图片有是同时放进两个里面在设完他们的层级关系以后,将第二个先进行隐藏,通过判断让第二个和第一个不断的进行互相的切换,第二张图也一直保持的距左以后其实我们看见的都是第二张图片不停的变化位置而带来的颜色的变化我们看到的外形都是第一张看见的颜色变换都是第二张图片的在相同的位置不断变化着自己的位置来带第一张图片字体颜色的变化

3、效果图

[img]http://dl2.iteye.com/upload/attachment/0086/7920/efcd2cc8-3f2a-35a5-a69a-5ca7b510edb2.jpg[/img]

4、运行环境

IE6 IE7 IE8及以上 Firefox 和 Google Chrome游览器下都可实现

(无图片)5、所有图片的压缩包新建一个文件后将包解压放进文件夹图片的压缩包在页面的最下方可以看到并下载下载后无需修改文件夹名因为本身就已经写好了和html5内的路径相吻合

6、将创建html文件保存的时候将编码类型换成(UTF-8有签名)这样可以让部分中文正常的显示出来,将保存类型(T)换成(所有文件(*.*)),将html5和解压后的图片文件夹放在同一个文件夹内效果

7、代码[html5]

8、代码[css]

9、代码[jquery]

继续阅读