浙江铃声推荐联盟

8款绚丽的jQ/H5特效应用

山东交职院计算机应用技术2018-06-26 13:35:35

 

现在做前端项目,许多客户要求做特效的越来越多,我们大多数都是用jq的特效插件,和h5结合应用,制作出绚丽的效果,下面列举8款常用的特效应用,如下

1、HTML5/SVG实现布谷鸟时钟动画

这是一款非常有意思的HTML5动画,它是一个老式的时钟,有布谷鸟报时,情侣的浪漫舞蹈。

在线演示 http://www.html5tricks.com/demo/html5-svg-cuckoo/index.html

2、HTML5/CSS3实现图片倒影3D效果

这款应用主要利用了CSS3的transform属性实现了图片的倾斜和倒影,动画效果也非常不错。

在线演示 http://www.html5tricks.com/demo/html5-css3-image-shadow/index.html

3、jQuery图片局部放大特效

这也是一款类似淘宝图片局部放大的jQuery插件,鼠标移入缩略图时,右侧会展示该区域的放大效果。

在线演示 http://js.itivy.com/jiaoben1783/index.html

4、jQuery内容层叠滚动切换动画插件

这是一款很有创意的jQuery内容滑动动画,我们可以设置任意数量的文字层,让其层叠在一起,然后点击按钮让其出现层叠滚动切换的效果。

在线演示 http://www.html5tricks.com/demo/jquery-stack-text-slider/index.html

5、jQuery文件夹管理插件

这款jQuery插件模拟了操作系统的文件管理系统,可以新建、删除和重命名文件夹。

在线演示 http://www.html5tricks.com/demo/jquery-dir-manager/index.html

6、jQuery全屏广告图片焦点图

这款jQuery全屏广告图片焦点图插件也非常不错,图片切换时有淡出淡出的动画效果,并且也相当流畅。

在线演示 http://www.html5tricks.com/demo/jquery-full-ad-slider/index.html

7、jQuery带格式验证的注册表单

这款jQuery表单的特点是带有严格的表单字段格式验证功能,比如电子邮箱的格式、用户名格式以及密码复杂度和长度等。

在线演示 http://www.html5tricks.com/demo/jquery-reg-form-validate/index.html

8、jQuery彩色拼图导航下拉菜单

这款jQuery下拉菜单非常有特色,主菜单由不规则彩色块组成,鼠标移过展开二级菜单。

在线演示 http://js.itivy.com/jiaoben1781/index.html

切图网(qietu.com)是一家专门从事web前端开发的公司,专注we前端开发,关注用户体验,欢迎订阅微信公众号:qietuwang