souhugirl的专栏

这是一款效果非常炫酷的纯css3 tabs选项卡动画特效插件。自从css3被更多的浏览器所支持，以前许多用javascript才能完成的特效都被css3所替代。这款插件就是使用纯css制作出效果极酷的tabs选项特效。该tabs选项卡插件共有5种特效，分别是淡入淡出、弹性放大缩小、上下滑动、来回翻转等特效。在线演示：http://www.htmleaf.com/Demo/20141

这是在伪元素上使用css3 transform属性制作的字母卡片开关门3d效果，鼠标移动到字母上时，字母便会有开门的3d效果，十分有趣。在线演示：http://www.htmleaf.com/Demo/2014100997.html下载地址：http://www.htmleaf.com/css3/transform/2014100998.html

这是使用纯css3制作的4种开关按钮动画效果。这4个效果按钮分别是：按压式按钮、上下拨动按钮、滑动按钮和电源开关按钮。每一个开关按钮点击时都带有出色的动画效果。演示地址：http://www.htmleaf.com/Demo/20141123577.html插件下载：http://www.htmleaf.com/css3/css3donghua/20141123576.html

rainyday是一款基于 html5 canvas 的模拟下雨时雨滴打在玻璃窗上效果的js插件。该雨滴效果插件的特点是使用简单，易于集成。Rainyday.js是一个使用HTML5特性的纯js库，几乎所有的现代浏览器都支持它。在线演示：http://www.htmleaf.com/Demo/201502061337.html下载地址：http://www.htmleaf.co

现在是告别单调的html单选框和复选框样式的时候了，这款纯css3单选框和复选框美化效果为您提供了解决方案。该css美化效果简洁大方，动画效果一流，堪称极品。在线演示：http://www.htmleaf.com/Demo/20141122561.html下载地址：http://www.htmleaf.com/css3/css3donghua/20141122560.html

Swipebox是一款支持桌面、移动触摸手机和平板电脑的jqueryLightbox插件。该lightbox插件支持手机的触摸手势，支持桌面电脑的键盘导航，并且支持视频的播放。在线演示：http://www.htmleaf.com/Demo/201502071340.html下载地址：http://www.htmleaf.com/jQuery/Lightbox-Dialog

Labelauty是一款轻量级的jQuery单选按钮和复选框美化插件。该jquery美化插件允许你自定义每一个check状态的labels。也就是说选中和未选中状态的文字是动态变化的。Labelauty采用扁平化设计风格，非常时尚漂亮。在线演示：http://www.htmleaf.com/Demo/201502071342.html下载地址: http://www.htmleaf

这是一款效果非常炫酷的jQuery弹性模态窗口导航菜单插件。该jQuery插件将列表和模态窗口非常完美的结合到了一起，使用了CSS3 animations和一些jquery创建了一种带弹性动画效果的模态窗口导航菜单。插件中使用了CSS3 animations 和一些jQuery来制作这种弹性效果的导航菜单。在线演示：http://www.htmleaf.com/Demo/20150

这是一款使用css3 transform属性制作的3d电影海报效果。这段3d旋转电影海报代码的阴影效果十分完美，当鼠标移到海报上时，海报旋转到侧面的电影介绍，效果十分震撼。在线演示：http://www.htmleaf.com/Demo/2014100995.html下载地址：http://www.htmleaf.com/css3/transform/2014100996.html

这是一款使用纯css3制作的消息提示框插件。该插件在消息提示框被触发后显示在屏幕上，提示框上带有时间进度条，当进度条走到100%时，消息提示框消失。在线演示：http://www.htmleaf.com/Demo/20141126595.html下载地址：http://www.htmleaf.com/css3/css3donghua/20141126594.html

nanoScrollerJS是一款使用简单方式实现 Mac OS X Lion 系统滚动条效果的jQuery插件。该滚动条插件利用原生的滚动条可以工作在 iPad、iPhone 和一些 Android Tablets上。浏览器兼容IE7+Firefox 3+ChromeSafari 4+Opera 11.60+在线演示：http://www.htmleaf.com/Demo/2

这是一款效果非常炫酷的jQuery和CSS3 3d翻转图片幻灯片插件。这个幻灯片插件开始的时候图片都堆叠在一起，当用户点击了其中的某张图片后，该图片会以3D翻转的方式“飞”到堆叠图片的最前面。在该幻灯片插件中使用了 CSS3 transition、CSS3 animations 和 CSS3 transforms，并用jQuery来处理鼠标点击事件。在线演示：http://ww

这是一款使用纯CSS3制作的效果非常炫酷的鼠标滑过图片缩放和标题效果。该CSS3图片效果中图片的边框被制作为不停动画的护栏效果，当用鼠标滑过图片时，图片会有非常炫酷的动画效果。CSS3 animations是一个非常神奇的技术，相比于javascript和flash，它只用少量的代码就可以制作出平滑的动画效果。现在，所有的现代浏览器，包括IE9都支持CSS3 transitions 和 ani

Trianglify是一款能够生成多彩的三角形网格背景的javascript库，该js插件可以生成非常好看的SVG背景图像，你可以将生成的背景图像下载保存为SVG文件。Trianglify使用d3.js来生成多边形和SVG以及SVG过滤渲染效果。同时插件中还使用colorbrewer颜色调色板来使插件运行得更快。在线演示：http://www.htmleaf.com/Demo/20

bootstrap-treeview是一款效果非常酷的基于bootstrup的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等等。在线演示：http://www.htmleaf.com/Demo/201502141380.html下载地址：http://www.htmleaf.com/j

radialIndicator是一款轻量级的jQuery圆形指示器插件。该圆形指示器插件支持颜色范围，动态修改值，格式化和百分比值等形式。它可以很好的和jquery或angular js一起工作。在线演示：http://www.htmleaf.com/Demo/201502171390.html下载地址：http://www.htmleaf.com/jQuery/Layout-In

Winamp2-js是一款使用html5和javascript来实现Winamp 2.9音频播放器的插件。该Winamp音频播放器插件有支持拖拽文件，自定义皮肤，支持可视化模式等特点。特点还有：实际的Winamp皮肤文件存储在本地计算机上，你可以任意调用自己的Winamp 2皮肤。可以通过拖拽、弹出按钮或"options"按钮来调用本地音频文件或皮肤。有两种可视化模式：示波器和曲谱模式

is.js是一个强大的通用js表单验证工具类。你可以使用js.js来检测任何东西，例如检测所给的值是否为参数，是否是数组，是否是超链接，甚至可以检测浏览器类型，正则表达式和数学表达式等。is.js根据检测的类型分为：类型检测、正则表达式检测、算数检测、环境检测、时间检测、Presence检测、对象检测、字符串检测数组检测和配置检测。在线文档：http://www.htmleaf

FancySelect是一款小巧实用的jQuery下拉框美化插件。该下拉框美化插件采用扁平化设计风格，是追求时尚的开发者的首选下拉框美化插件之一。FancySelect实用十分简单，它可以和jquery或Zepto结合使用。在页面中放置一些select下拉框组件，然后就可以通过.fancySelect()方法来调用该下拉框插件。如果下拉框中有某个选项没有值，该插件会使用某种占位文字来代替它。

Owl Carousel 2是上一版Owl Carousel 1.x的升级版本。Owl Carousel 2是可以让你创建漂亮的响应式旋转木马的jQuery插件，它支持移动触摸屏，有丰富的参数设置，甚至可以嵌入视频，功能十分强大。Owl的新特性有：可以无限循环项目可以居中显示灵活的速度控制多级别的padding设置项目间可以设置Margin使几乎所有的选项都具有响应能力多种宽度设置丰富

tinyColorPicker是一款适合移动设备的小巧jQuery颜色拾取器。该jQuery颜色拾取器以移动手机为优先对象，它具有速度快、可扩展、高度灵活和可插拔等特点。该jQuery插件大小仅4.7K，纯js，不需要图片和css代码。它基于colors.js制作而成，支持所有现代特性，如触摸屏和MS pointer。它使用GPU加速，使用requestanimationframe函数时电池工

这是一款可以在线生成CSS3渐变背景颜色代码的可视化插件。你可以通过调节界面上给出的颜色、色相、饱和度和亮度滑块，以及渐变方向滑块来生成各种线性渐变，屏幕上会给出相应的CSS3线性渐变代码。在线演示：http://www.htmleaf.com/Demo/201502221407.html下载地址：http://www.htmleaf.com/css3/css3donghua/20

bpHS是一款基于bootstrup的炫酷jQuery hero幻灯片插件。该幻灯片插件小巧实用，可以通过data属性来设置幻灯片的动画效果，还提供了许多参数用于控制幻灯片。在线演示：http://www.htmleaf.com/Demo/201502201398.html下载地址：http://www.htmleaf.com/jQuery/Slideshow-Scroller/2

这是一款设计的非常简单非常实用的jQuery幻灯片插件。现在的幻灯片插件层出不穷，这款jQuery幻灯片插件返璞归真，使用不到1000字节完成了幻灯片所需的必要功能。该幻灯片插件小巧玲珑，简单实用。它的特点有：简单小巧。该jquery幻灯片插件的压缩版本的js文件只有991字节大小。非常适合于手机等移动设备的使用。支持键盘导航。可以使用键盘的左右方向键来控制幻灯片。支持所有

这是一款可以在指定容器中生成精美网页背景花纹图像的js插件。该花纹背景插件使用js来生成html5 canvas，并在其中绘制各种花纹图像。背景花纹图像可以是静态的，也可以制作成动态花纹。在线演示：http://www.htmleaf.com/Demo/201502101358.html下载地址：http://www.htmleaf.com/html5/html5-canvas/2

Bounce.js是一款功能非常强大的可视化CSS3动画代码生成js库插件。该js库插件提供了一个在线APP，通过该APP可以在可视化的条件下编辑CSS3的各种动画效果。此外，你也可以单独使用Bounce.js，通过js代码来完成各种CSS3动画效果。Bounce.js能与jQuery完美结合。在线演示：http://www.htmleaf.com/Demo/201502231412.

这是一款使用TweenMax.js制作的jQuery超酷3D旋转木马特效。该旋转木马特效可以感应鼠标的位置而使旋转木马做出相应的变化，效果非常炫酷。在线演示：http://www.htmleaf.com/Demo/201502231410.html下载地址：http://www.htmleaf.com/jQuery/Slideshow-Scroller/201502231409.h

Awesomplete是一款实用的轻量级js自动完成autocomplete插件。该autocomplete插件的特点有：轻量级、高度可定制、简单易用、无外部依赖等。该js自动完成autocomplete插件支持HTML5的属性，该属性只有现代浏览器才支持。在线演示：http://www.htmleaf.com/Demo/201502251420.html下载地址：http:/

这是一款非常实用的jQuery滑动按钮插件。该滑动按钮插件可以将input元素转换为滑动按钮样式。插件中使用javascript来控制滑动按钮的滑动，样式使用纯CSS来制作。该jQuery滑动按钮插件可以在支持jQuery 2的浏览器上工作，IE6-8不支持该插件。IE9不支持CSS transitions，在IE9上不会有动画效果。该滑动按钮支持Pointer、触摸屏和鼠标点击。

这是一款效果相当炫酷的jQuery和css3响应式带全屏模式的图片画廊插件。该图片画廊插件使用CSS3 Animations来制作动画。该响应式图片画廊插件支持移动触摸设备，支持使用键盘来导航，同时支持HTML5全屏模式API。在线演示：http://www.htmleaf.com/Demo/201502101360.html下载地址：http://www.htmleaf.com/

这是一款基于html5 canvas的圆形倒计时器jQuery插件。它可以使你非常轻松的创建圆形的倒计时器。该jQuery倒计时器插件有12种themes，它们基于 HTML5 canvas 来渲染各种圆环。这个jQuery环形倒计时器插件依赖于jquery.knob.js和jquery.throttle.js两个外部插件。在线演示：http://www.htmleaf.com

reveal-it.js是一款jQuery文字淡入淡出显示特效插件。该文字特效插件可以使文字从左向右淡入淡出显示。该jquery插件小巧简单，非常适合用于制作标题文字的动画效果。在线演示：http://www.htmleaf.com/Demo/201502261422.html下载地址：http://www.htmleaf.com/jQuery/Text-Link-Effects/

这是一组效果非常炫酷的HTML5 SVG和CSS3鼠标点击按钮特效。这组鼠标点击按钮特效共有22种效果，大多数是在伪元素上使用CSS3 animations来制作动画效果。非常适合于移动手机APP上的按钮触摸特效。在线演示：http://www.htmleaf.com/Demo/201502121370.html下载地址：http://www.htmle

这是一款效果很酷又简单实用的jQuery二级下拉菜单特效，该特效在点击触发按钮后，二级下拉菜单会向下滑动覆盖原来的主菜单，关闭后二级下拉菜单又向上滑动回去，二级菜单不占用多余的空间。这个菜单插件是替代标准的二级下拉菜单的好方法，特别是在你想显示更多的二级子菜单的时候。另外，你可以十分容易的自定义二级下拉菜单的样式，多添加一个搜索框或登录注册表单等等。在线演示：http://www.

这是一款非常实用的基于Twitter Bootstrup的jQuery用户向导插件。该用户向导插件允许你使用按钮来在各个不同的操作步骤之间来回切换，还可以单独对某个步骤进行特殊的事件处理。该插件依赖于：Bootstrap 3.xjQuery v1.3.2 +在线演示：http://www.htmleaf.com/Demo/201502261424.html下载地址：

这是一款基于html5 canvas的炫酷图片爆炸飞散特效js插件。该js插件当用鼠标点击图片时，图片会有玻璃窗被子弹击碎时的爆炸飞散效果，非常炫酷。在线演示：http://www.htmleaf.com/Demo/201502151384.html下载地址：http://www.htmleaf.com/html5/html5-canvas/201502151383.html

这是一款效果非常炫酷的jQuery和CSS3全屏推拉式滑动菜单特效插件。这个插件的效果是当点击了主菜单按钮时，全屏菜单从屏幕左侧滑出，主菜单按钮动态旋转更换图标。下图演示了这个效果的过程：在线演示：http://www.htmleaf.com/Demo/201502131375.html下载地址：http://www.htmleaf.com/jQuery/Menu-Na

这是一款基于jQuery UI并在它的基础上增强了许多功能的Slider滑块插件。该插件在原来jQuery UI的滑块基础上进行了样式美化，各种label都可以自定义，并且提供了很多slider滑块移动时的动画效果。注意事项：该slider滑块插件在于jqueryui 1.11.2配合使用时会有一点不兼容的情况。具体表现为当步长值不能够整除最大值的时候，那么滑块上的点和标签将会分布不均匀。

这是一款效果十分炫酷的html5和css3购物车结算动画特效插件。该购物车结算动画提供了4种效果，每种效果都使用CSS3来制作炫酷的动画特效，这些效果使用户的购物结算体验大大的增强了。如何设计购物车结算功能界面才能让用户得到最好的体验，如果设计得好，它可以为用户带来一个愉快的购物历程，如果设计得不好，那么一大堆东西堆积在购物车中，用户也不知道如何去处理它们。这个插件正是为解决这个问题而设计的。

这是一款集合20组不同CSS3按钮样式和按钮鼠标滑过特效的插件。这20组css3按钮每一组都有3种示例，每一个示例都使用CSS3制作炫酷的鼠标滑过动画。这些按钮适用于各种场合，相信总有一款适合你。请注意这些按钮动画效果只在最新版本的现代浏览器上工作，(Mobile)Safari浏览器只支持其中很少的效果。该按钮动画特效中大多数使用的是CSS transitions，但有一些动画效果也使用C