前端资源网-html5实例-css3实例-jquery实例-爱编程

时尚的圆形进度条样式的jQuery倒计时插件

jQuery Final Countdown是一款时尚的圆形进度条样式的jQuery倒计时插件。该倒计时插件可以显示倒计时的秒、分钟、小时和天数。它采用圆形进度条来作为倒计时的动画，非常的时尚大方。使用方法该倒计时插件依赖于jQuery和KineticJS-一个HTML5 Canvas库。使用是要将它们引入
2018-02-04 01:27
基于Canvas的简单实用的jQuery水球图表插件

water-bubble-chart是一款基于Canvas的简单实用的水球图表jQuery插件。该水球图表可以用来反应你某项技能的掌握情况，或者你正在做的某件事的完成情况。使用方法使用该水球图表插件需要引入jQuery和waterbubble.js文件。script src="js/jquery-1.10.2.min.js" type="tex
2018-02-04 01:27
jQuery页面滚动元素进入视口发生动画特效插件

jquery-aniview是一款非常实用的页面滚动元素进入视口发生动画特效jQuery插件。该插件基于animate.css，你可以使用animate.css中所有的动画过渡效果。该插件会检测指定元素是否进入视口，在元素进入视口时则执行指定的动画效果。使用方法使用jquery-aniview插件需要引入a
2018-02-04 01:26
Protip | 功能强大的jQuery Tooltip插件

Protip是一款功能强大的jQuery Tooltip插件。它提供众多的参数和方法来控制Tooltip，可以在49个位置上显示Tooltip，并且可以和animate.css配合制作各种Tooltip过渡动画效果。它的特点还有：支持在元素的49个位置显示Tooltip。可以实时更新Tooltip的选项。可以实时检测元素
2018-02-04 01:26
jQuery和CSS3堆叠式Tab选项卡界面设计

这是一款使用jQuery和CSS3制作的堆叠式Tab选项卡界面设计效果。该设计中所有的面板以不同的尺寸由小到大的堆叠在一起，当点击相应的面板后，这个面板会以过渡动画效果扩展到全屏大小。制作方法HTML结构该选项卡的HTML结构使用的是无序列表，每一个li元素是一个面板。最后
2018-02-04 01:26

实用输入域表情符号选择器jQuery插件

Emoji Picker是一款非常实用的输入域表情符号选择器jQuery插件。该插件可以在输入框或文本域中生成一个表情选择器，用户可以可视化的选择各种表情符号，效果类似于各种聊天软件的输入窗口的选择表情功能。通过该插件可以实现下面的功能：将一个输入域转换为带表情符号选择
2018-02-04 01:26
移动优先的纯javascript幻灯片插件

wallop是一款移动优先的纯javascript幻灯片插件。这个幻灯片插件仅4k大小，它的原理仅是为HTML元素添加和移除适当的class来显示和隐藏它们，至于这些class样式你可以完全自定义。wallop的特点有：移动优先动画和过渡效果都使用CSS来生成轻量级，仅4k大小高度灵活性和可扩
2018-02-04 01:26
纯javascript轻量级可嵌套的隐藏侧边栏插件

side-by-slide-panel是一款非常有用的纯javascript轻量级可嵌套的隐藏侧边栏插件。通过它可以快速的制作各种隐藏侧边栏效果，甚至可以将这些内容嵌套在一起。使用方法使用该插件需要在页面中引入fsp-sidepanel.js和fsp-sidepanel.css文件。link rel="stylesheet" href="p
2018-02-04 01:26
带各种百叶窗过渡效果的jQuery幻灯片插件

osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果，它使用简单，通过简单的设置即可正常工作。使用方法使用该幻灯片插件需要在页面中引入jQuery(1.8+)和osSlider.css以及osSlider.js文件。link rel="s
2018-02-04 01:26
纯javascript实用多级目录树结构插件

aimaraJS是一款非常实用的纯javascript响应式多级目录树结构插件。该目录树可以动态添加和删除树节点，可以制作多级树结构，每个节点上可以都带有右键上下文菜单，并且每个节点上都可以配置不同的图标。它的特点有：可以创建一个基本的树结构并渲染它。可以实时添加和删除
2018-02-04 01:26
基于jQueryUI的商品添加到购物车动画特效

这是一款效果非常炫酷的基于jQueryUI的商品添加到购物车动画特效。该购物车动画在用户点击添加到购物车按钮之后，该商品的缩略图会被缩小，并移动到购物车小图标中，制作出将商品放入购物车内的效果。制作方法HTML结构该购物车动画特效的HTML结构采用嵌套div的HTML结构。
2018-02-04 01:26
jQuery功能强大的图片查看器插件

viewer是一款功能强大的图片查看器jQuery插件。它可以实现ACDsee等看图软件的部分功能。它可以对图片进行移动，缩放，旋转，翻转，可以前后浏览一组图片。该图片查看器还支持移动设备，支持键盘控制，功能十分强大。安装可以通过nmp或bower来安装该图片查看器插件。npm i
2018-02-04 01:26
跨浏览器响应式Tabs选项卡jQuery插件

Easy-Responsive-Tabs-to-Accordion是一款跨浏览器响应式Tabs选项卡jQuery插件。该选项卡支持水平和垂直两种选项卡模式，它可以在多种平台浏览器中工作：桌面电脑，平板和手机。它的特点还有：支持水平和垂直的Tabs选项卡。完全通过jQuery来创建Tabs转换效果。在同一个页
2018-02-04 01:26
简单的翻页式jQuery幻灯片插件

paper-slider.js是一款非常简单的翻页式jQuery幻灯片插件。该幻灯片在切换的时候就像一堆叠好的纸，从最上面抽出一张放到最下面的效果一样。它使用简单，但是功能非常的齐全。使用方法使用该幻灯片需要引入jQuery1.7+和jquery.paper-slider.js文件。script src="js/jquer
2018-02-04 01:26
可实现响应式图片懒加载的js插件

responsively-lazy是一款非常实用的可实现响应式图片懒加载的js插件。它可以根据容器的大小来智能选择加载适合尺寸的图片，做到图片的响应式效果。并且使用它对于SEO是十分友好的。该图片懒加载插件的特点还有：响应式图片不做任何不必要的请求可以在任何支持srcset的浏览
2018-02-04 01:26
Bootstrap谷歌Material Design风格日期时间选择器

bootstrap-material-datetimepicker是一款基于Bootstrap的谷歌Material Design风格日期时间选择器插件。通过这个插件可以快速的构建扁平风格的日期选择器。它还带有非常炫酷的浮动标签等Material效果，非常的时尚。安装可以通过bower来安装该事件日期选择器。bower insta
2018-02-04 01:26
可制作谷歌样式图片画廊的纯js插件

gallerly.js是一款可以制作Google Image Search效果的图片画廊的纯js插件。该插件使用纯javascript编写，大小只有7kb，是一款非常不错的轻量级图片画廊插件。使用方法HTML结构该图片画廊的基本HTML结构如下：div id="gallerly" class="container"h1NASA Space Gallery/h1
2018-02-04 01:26
纯javascript简单实用的仪表盘插件

justgage是一款简单实用的纯javascript仪表盘插件。该仪表盘插件基于Raphaël库来绘制矢量图形。理论上可以工作在任何支持SVG的浏览器中，但实际上它可以在IE6以上的浏览器中正常工作。该仪表盘插件已经在 Chrome 20, Firefox 12, IE6, 7, 8, 9, Opera 12, Safari 5.1.2,
2018-02-04 01:26
实用的产品图片360度旋转jQuery插件

tikslus360是一款基于HTML5 canvas的非常实用的产品图片360度旋转jQuery插件。该图片360度旋转插件可以将一系列不同角度的图片组成一个序列俩通过鼠标或自动连续播放，完成产品的预览效果。它通过点击拖拽还能有局部放大镜的效果。使用该插件需要注意以下几点要求：图片的
2018-02-04 01:26
基于Bootstrap网格系统的可折叠侧边栏特效

bootstrap-collapsible-sidebar是一款基于Bootstrap网格系统的可折叠侧边栏特效。该特效通过Bootstrap网格系统，少量的CSS和jQuery代码来完成类似侧边栏面板的折叠效果。使用方法左侧边栏折叠效果Bootstrap 3使用12列的响应式网格系统。下面的例子中侧边栏占3列，内容部分
2018-02-04 01:26

加载中...