2012年开发人员的16款新鲜的jquery插件体验分享


Posted in Javascript onDecember 28, 2012

jQuery的是一个多浏览器的Javascript集合,以轻松地简化了客户端脚本的HTML。jQuery的格式设计帮助你获得一个文件,选择DOM元素,动画,处理事件,并开发Ajax程序设计人员能够根据需要创建一些高级别的jquery插件。使用这些插件方法可以创建高效强大的网页和Web程序。 

保持学习最新的jQuery插件有时似乎是一个完整的工作。每隔一天,我们似乎可以发现一些新的东西,尖端的东西,有时我们发现的东西,是真正的创新和必要的对于我们的工作来说。下面是从2012年开始的新的和令人兴奋的jQuery插件一个集合,这些集合能够帮助你打造不同的特效

STACKSLIDER:一个有趣的三维图像滑块

2012年开发人员的16款新鲜的jquery插件体验分享

StackSlider是一个高度实验性的jQuery图像滑块插件,探索不同的,有趣的视觉概念的缩略图,利用CSS 3D变换和透视

在线演示 下载源码

jQuery Stickem

2012年开发人员的16款新鲜的jquery插件体验分享

这个jQuery插件能够让内容一直置顶浮动在当前可视页面内。可用于实现一个浮动的DIV。可以创建侧边滚动固定效果

 在线演示 下载源码

Jquery Toggles

2012年开发人员的16款新鲜的jquery插件体验分享

toggles是一个轻量级的jQuery插件,能够创建创建容易设定样式的切换按钮。

 在线演示 下载源码

CALENDARIO:一个灵活的日历插件

2012年开发人员的16款新鲜的jquery插件体验分享

今天与大家分享的是一个带弹性效果的日历插件。考虑到日历布局的特殊性,要做成响应式还是有些复杂的。今天的实验是尝试把网格式布局应用在日历上面。我们 做了一个 jQuery 日历插件并制作了演示文件。插件的目的是针对大尺寸和小尺寸的屏幕做出适合的布局,并且当尺寸变化时,日历的结构可以流动。在大屏幕上,我们希望显示出格 子式的布局,而在小屏幕上,简单地让每一天顺序排列。

 在线演示 下载源码

DD Slick带图片的jquery下拉框插件

2012年开发人员的16款新鲜的jquery插件体验分享

一个免费的,重量轻的jQuery插件,它允许你创建一个自定义下拉列表中的图像和说明。你是否厌倦了 HTML 中默认的下拉选择框呢,ddSlick 是一个轻量级的 jQuery 插件,它可以生成带图片的自定义下拉选择框,可以极大的提升网站的用户体验。当然了,它不仅仅可以为选择框增加图片,还可以增加一些简单的文字描述。ddSlick 使用 JSON 格式的数据作为数据源,它也提供了多个参数,让你能够更加自由的控制自己的选择框

 在线演示 下载源码

iOS Slider

2012年开发人员的16款新鲜的jquery插件体验分享

iosSlider iosSlider是一个可定制的、跨浏览器幻灯片jQuery插件。设计用于作为内容滑块、旋转木马、滚动网站旗帜,或者图片库。其效果类似于ios的横向滚屏效果

 在线演示 下载源码

ADAPTIVE THUMBNAIL PILE EFFECT WITH AUTOMATIC GROUPING

2012年开发人员的16款新鲜的jquery插件体验分享

 在线演示 下载源码

JQuery Box Slider

2012年开发人员的16款新鲜的jquery插件体验分享

这是一个实现3D效果的滑动插件,能够实现选择效果。3D滚动,水平垂直的3D滚动; ;淡入淡出等效果,值得推荐

 在线演示 下载源码

Floater jQuery Plugin

2012年开发人员的16款新鲜的jquery插件体验分享

 在线演示 下载源码

jQuery Pictures

2012年开发人员的16款新鲜的jquery插件体验分享

jQuery的图片是一个很小的(2kb)插件支持响应图像添加到您的布局。它同时支持一些自定义的数据属性和新图片格式的图形元素。 

 在线演示 下载源码

DOWN LISTS-简单的效果下拉列表

2012年开发人员的16款新鲜的jquery插件体验分享

一个jQuery插件下拉列表中选择输入转化成一些简单的扩大效果。

 在线演示 下载源码

Big Video JS Plugin

2012年开发人员的16款新鲜的jquery插件体验分享

这个插件可以很容易地添加合适的填充背景的视频网站。它可以播放无声的环境背景视频的视频(或一系列)。使用它作为一个播放器,视频播放显示。BigVideo.js也可以显示大背景图片,这是很好的大背景下没有自动播放的设备环境视频图像。

 在线演示 下载源码

BOOKBLOCK: A CONTENT FLIP PLUGIN

2012年开发人员的16款新鲜的jquery插件体验分享

BookBlock 是一个 jQuery 插件,用来制作带有翻页效果的小书册。可以用任何形式的内容,比如图像或文本。插件会在翻页时利用变形模拟手工翻页,并产生重叠的阴影以达到更逼真的效果。

 在线演示 下载源码

ANIMATED RESPONSIVE IMAGE GRID

2012年开发人员的16款新鲜的jquery插件体验分享

这是一个优秀的 jQuery 插件,可以用来生成响应式的图像网格,并采用不同的动画和计时方式对图像进行切换。它可以用作网站的背景或是装饰元素,我们可以随机地展现不同的图像并进行变换。

 在线演示 下载源码

Avgrund Modal

2012年开发人员的16款新鲜的jquery插件体验分享

Avgrund是一个jQuery插件,用于创建模态框和弹出窗口。它使用弹出窗口和页面之间的有趣的概念深入。它可以运行在所有浏览器,并兼容那些不支​​持CSS过渡和转换(如IE 6-9标准行为)。 

 在线演示 下载源码

WINDY:快速切换内容的jquery插件

2012年开发人员的16款新鲜的jquery插件体验分享

Windy 是一个 jQuery 插件,它利用 CSS 的 3D transforms 和 transitions (变形和变换)功能,使叠放的内容产生快速切换的效果。正如它的名称的含义,切换时的效果就像扑克牌或是纸张被风吹散一样。

 在线演示 下载源码

Freetile jQuery

2012年开发人员的16款新鲜的jquery插件体验分享

Freetile是jQuery的一个插件,使网页内容的组织在一个高效,动态和响应的布局。它可以应用到一个容器元素,使得屏幕空间的最佳使用

在线演示 下载源码

Javascript 相关文章推荐
刷新页面实现方式总结(HTML,ASP,JS)
Nov 13 Javascript
js textarea自动增高并隐藏滚动条
Dec 16 Javascript
纯文字版返回顶端的js代码
Aug 01 Javascript
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
Jun 26 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
Dec 15 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
对angularJs中2种自定义服务的实例讲解
Sep 30 Javascript
JavaScript常见继承模式实例小结
Jan 11 Javascript
vue-router之实现导航切换过渡动画效果
Oct 31 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
jquery轮播图插件使用方法详解
Jul 31 jQuery
web性能优化之javascript性能调优
Dec 28 #Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
Dec 28 #Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
Dec 28 #Javascript
Javascript 加载和执行-性能提高篇
Dec 28 #Javascript
javascript延时加载之defer测试
Dec 28 #Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 #Javascript
Javascript图像处理—平滑处理实现原理
Dec 28 #Javascript
You might like
极典R601SW收音机
2021/03/02 无线电
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
PHPStorm+XDebug进行调试图文教程
2016/06/13 PHP
phpcms的分类名称和类别名称的调用
2017/01/05 PHP
ThinkPHP中create()方法自动验证实例
2017/04/26 PHP
Laravel学习教程之本地化模块
2017/08/18 PHP
phpStudy配置多站点多域名和多端口的方法
2017/09/01 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
laravel 数据迁移与 Eloquent ORM的实现方法
2019/04/12 PHP
一些易混淆且不常用的属性,希望有用
2007/01/29 Javascript
IE无法设置短域名下Cookie
2010/09/23 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
jQuery使用fadein方法实现渐出效果实例
2015/03/27 Javascript
jquery validate demo 基础
2015/10/29 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
2016/05/10 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
Node.js笔记之process模块解读
2018/05/31 Javascript
bootstrap模态框关闭后清除模态框的数据方法
2018/08/10 Javascript
JS实现动态无缝轮播
2020/01/11 Javascript
[53:52]OG vs EG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
[40:53]完美世界DOTA2联赛PWL S3 Magma vs DLG 第二场 12.18
2020/12/20 DOTA
Python实现简单遗传算法(SGA)
2018/01/29 Python
Python处理命令行参数模块optpars用法实例分析
2018/05/31 Python
Python识别处理照片中的条形码
2020/11/16 Python
信用社实习人员自我鉴定
2013/09/20 职场文书
医院后勤自我鉴定
2013/10/13 职场文书
会计专业毕业生自我鉴定
2013/10/29 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
团组织推荐意见
2015/06/05 职场文书