jQuery之家
自由分享jQuery、html5和css3的插件库
这是一款基于mo.js制作的一组炫酷图标动画特效。这组图标动画共有17种效果,它们使用font-awesome作为图标,采用SVG技术,在用户点击图标时产生各种炫酷的图标动画特效。
这是一款基于SVG和Segment.js制作的Loading加载按钮特效。该特效在点击按钮之后会出现基于SVG路径的无限圆形加载效果,加载成功或失败时会转换为不同的图形,显示不同的状态。
jquery-pie-loader.js是一款轻量级的基于HTML5 SVG的jQuery圆形进度条插件。通过该插件可以在页面中渲染出带动画效果的SVG饼状图形,适合用于制作进度显示,加载进度等效果。
这是一款效果非常炫酷的基于SVG和animate.css的炫酷文字动画效果。该效果中的文字和边框路径都使用SVG来制作,然后通过animate.css和walkway.js分别制作文字动画和SVG路径动画。
circles是一款基于HTML5 SVG的轻量级JavaScript圆形进度条插件。该圆形进度条具有响应式,可动画等特点,并且可以制作出圆形进度条进入视口才开始动画的效果。
Hybicon是一款基于HTML5 SVG和Raphaël.js的混合图标动画特效插件。Hybicon的原理是合成两个SVG图标,在鼠标滑过或鼠标点击图标的时候,SVG图标将会产生动画特效。
svg.draggy.js是一款可以实现拖拽SVG的JavaScript工具库插件。该SVG工具库插件通过简单的设置,就可以实现任何SVG图形的拖拽互动。你可以设置SVG元素的拖动范围和拖动残影效果。
这是一款仿Shazam音乐网站的按钮变形为音乐播放器的特效。该特效使用Snap.svg来制作动画,开始时只有一个按钮,当用户点击了该按钮后,按钮变形为圆形,并且出现一些音乐符号飘到按钮里面,最后按钮变形为音乐播放器界面。
这是一款效果非常炫酷的HTML5 SVG汉堡包菜单按钮分段动画特效。该菜单按钮特效在用户点击汉堡包按钮时,按钮会分割为多段,并旋转变形为关闭按钮的状态。当再次点击该按钮时,它会逆向变形为汉堡包图标。
segment.js是一款非常实用的绘制和制作SVG描边路径动画的JavaScript插件。该插件最大的特点是可以只绘制和动画某一段SVG路径,你可以在参数中指定需要动画那一段SVG路径。