程序猿必备的8款web前端开发插件三

1.HTML5 Canvas 3D波浪翻滚动画

以前咱们分享过好几款基于HTML5 Canvas的波浪和水波纹动画，好比这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水波荡漾特效。今天咱们要介绍一款也是基于HTML5 Canvas的波浪翻滚动画，它一样有着3D立体的视觉效果，同时波浪在起伏时也伴随的浪花汹涌的动画特效，看上去很是炫酷。

在线演示

源码下载

2.jQuery实现Tooltip弹出样式的分享按钮

这是一款比较实用而美观的jQuery分享按钮插件，和前面分享又一波CSS3社会化分享图标 可旋转和悬停和一大波CSS3社会化分享图标按钮相比，这款分享按钮并无提供大量的社交网站的按钮图标，可是它的特色是点击分享按钮时，会以Tooltip弹出框的样式显示分享按钮，而且在弹出时伴随着左右摇晃的动画特效。

在线演示

源码下载

3.超酷的jQuery带验证登陆表单 注册登陆可自由切换

今天咱们要给你们带来一款很是实用的jQuery登陆表单插件，这款jQuery登陆表单的特色是能够对一些注册登陆时经常使用的字段类型进行简单的验证，好比电子邮件格式和必填检查。另外还有一个特色是咱们能够在同一个页面完整注册或者登陆操做，方便用户在不跳转页面的状况下进行注册或者登陆。

在线演示

源码下载

4.纯CSS3实现个性化笑脸表情开关切换按钮

很早之前，我给你们分享过不少比较有特点的自定义开关切换按钮，主要是用这些开关切换按钮来替换浏览器默认的单选框和复选框。此次我给你们带来另一款基于纯CSS3的个性化开关切换按钮，这个“开关”是一个笑脸和哭脸切换的小图标表情，很是可爱。

在线演示

源码下载

5.HTML5 Canvas 3D线条凹凸人物头像

美术是一项神奇的技术，就像这款HTML5 Canvas头像同样，仅仅用线条的凹凸走向，就能够绘制出一个3D样式的人物头像。这款人物头像是在HTML5 Canvas画布上绘制而成，而且能够随着鼠标移动而呈现不一样角度的观察效果。

在线演示

源码下载

6.HTML5 Canvas 液体流动样式Loading加载动画

以前咱们分享过不少基于jQuery和HTML5的Loading加载动画，好比这款HTML5 Canvas发光Loading动画就是基于Canvas的。今天咱们要分享另一款基于HTML5 Canvas的液体流动样式Loading加载动画，这款Loading动画在加载时会呈现液体流动的动画效果，而且因为和背景颜色的对比，也略微呈现发光的动画效果。

在线演示

源码下载

7.纯CSS3实现会跳舞的动画树

以前咱们分享过一款基于HTML5 SVG的跳舞花朵，很是的可爱。今天咱们要介绍一款纯CSS3实现的会跳舞的动画树，首先咱们用CSS3绘制树枝和树叶，注意树枝的画法是利用了二叉树原理，在树枝最末端绘制树叶。同时树枝能够任意方向摇摆，造成跳舞的动画效果。

在线演示

源码下载

8.jQuery前端验证码插件 支持多种验证方式

目前有不少种形式的网页表单验证码，有相对传统的图片验证码、语音验证码，也有比较智能的云端验证码。今天咱们要分享一款基于jQuery的前端验证码插件，这款插件支持大部分形式的验证码方式，有图片文字方式、滑块方式等，固然咱们只要将验证码特征值保存在服务器上，就能够实现比较安全的表单提交验证了。

在线演示

源码下载

• 本文固定连接: http://www.i7758.com/archives/2817.html