原文来自于:http://www.html5tricks.com/pretty-jquery-plugin.html

jQuery是一个非常不错的javascript框架,很多前端开发者喜欢的原因不仅是因为jQuery使用起来方便,更重要的是因为它的插件很多,我们可以将这些插件应用到自己的项目中去。下面这些精美的jQuery插件提供源代码下载,希望对你有所帮助。

1、jQuery自定义下拉框选择列表 5款炫酷样式

这是一款基于jQuery的自定义下拉框选择列表插件,利用这款jQuery插件我们可以非常方便的让浏览器默认的select下拉框变的非常华丽,并且同时拥有select下拉框原有的功能。这款jQuery下拉框插件利用了CSS3技术,提供了5款不同的炫酷样式。

在线演示        源码下载

2、jQuery/CSS3提示框动画 带进度条

今天我们要来分享一款基于HTML5和CSS3的提示框动画,提示框即可以在网页上提示用户输入内容的错误、提示用户任务完成的进度等。这款提示框动画在出现和消失的时候可以有淡入淡出的动画特效,并且提示框内置一个进度条,走完进度条时提示框即可消失。

在线演示        源码下载

3、jQuery带箭头按钮左右循环焦点图

这次要分享的jQuery插件也是一款焦点图插件,这在我们之前分享的焦点图插件中算是功能比较完善的了,图片的滑动效果也非常不错。图片两侧带有左右箭头,点击它们即可左右切换图片。另外,图片上面可以浮动文字描述,是一款功能强大的jQuery焦点图插件。

在线演示        源码下载

4、jQuery UI滑杆插件 可Tooltip提示

今天我们再来介绍一款实用的jQuery插件,是基于jQuery UI的。这款jQuery滑杆插件非常漂亮,可以设置多种颜色,再加上CSS3上运用,可以让滑杆的游标变得有立体感,滑杆的Tooltip提示框也出现飞入飞出的动画效果。更多jQuery插件可以移步至jQuery插件栏目。

在线演示        源码下载

5、jQuery带滑杆的图片播放器 滑动十分流畅

jQuery焦点图在网页特效中应用非常广泛,利用jQuery编写图片播放器十分方便,扩展性也不错。今天要分享的这款jQuery图片播放器带有一个滑杆,我们可以点击图片来切换图片,也可以滑动这个滑杆来播放图片,滑杆滑动时非常流畅。

在线演示        源码下载

6、精美jQuery分页插件 带滑动条分页

今天开始我们来收集一些jQuery分页插件,请继续关注html5tricks的后续更新。今天第一款jQuery分页插件适用于长翻页列表的分页应用,因为这款分页插件带有滑动条来方便用户查看所有的页码。分页插件的外观十分漂亮,有着不错的用户体验。

在线演示        源码下载

7、jQuery 3D图片旋转展示插件

今天要分享一款基于jQuery的3D图片特效,该jQuery图片插件类似一个相册焦点图,可以点击按钮来回切换图片,不同的是切换时有3D立体的视觉效果,图片切换效果非常不错。并且,每一张图片上面可以浮动一些文字描述,很实用。

在线演示        源码下载

以上就是7款精美的jQuery插件和源码,欢迎收藏分享。

本文链接:http://www.html5tricks.com/pretty-jquery-plugin.html
本文作者:html5tricks – 超人

转:精美jQuery插件及源码 前端开发福利的更多相关文章

  1. 精美jQuery插件及源码 前端开发福利

    jQuery是一个非常不错的javascript框架,很多前端开发者喜欢的原因不仅是因为jQuery使用起来方便,更重要的是因为它的插件很多,我们可以将这些插件应用到自己的项目中去.下面这些精美的jQ ...

  2. 14款让前端开发者心动的jQuery/CSS3插件及源码

    14款让前端开发者心动的jQuery/CSS3插件及源码,一起来看看. 1.jQuery左右滚动banner代码! DEMO演示    /    源码下载 2.jQuery QQ表情插件qqFace ...

  3. jQuery整体架构源码解析(转载)

    jQuery整体架构源码解析 最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性, ...

  4. Jquery.cookie.js 源码和使用方法

    jquery.cookie.js源码和使用方法 jQuery操作cookie的插件,大概的使用方法如下 $.cookie(‘the_cookie’); //读取Cookie值$.cookie(’the ...

  5. 轮播插件unsilder 源码解析(一)---使用

    啰嗦几句:学习的可以直接省略,一直本着写原生的插件想法,但是前天看了吕大豹的博客觉得自己都没有正经的写个jquery插件:所以在开始写之前我会先对几个比较热门的jquery的插件进行源码分析:至于为什 ...

  6. 炫酷霸气的HTML5/jQuery应用及源码

    也许在5年前,HTML5还是一种很前卫的技术,大家还只是将它当做实验来看待,更别说产品应用了.但是现在HTML5已经非常流行,无论从PC端还是移动端,HTML5都扮演着非常重要的角色.今天我们要分享的 ...

  7. jQuery之Deferred源码剖析

    一.前言 大约在夏季,我们谈过ES6的Promise(详见here),其实在ES6前jQuery早就有了Promise,也就是我们所知道的Deferred对象,宗旨当然也和ES6的Promise一样, ...

  8. jQuery之ready源码分析

    只要使用过jQuery的,想必对ready都不陌生,$(function(){})和$(document).ready(function(){})的使用更是习以为常. 要说到window.onload ...

  9. Jquery之isPlainObject源码分析

    今天对Jquery中 isPlainObject 源码分析. 1.  isPlainObject 方法的作用: 用来判断传入参数,是否是对象. 2. 源码分析:isPlainObject: funct ...

随机推荐

  1. 饿了么 ---Java面试

    下午去饿了么参加面试,其实也满怀期待,毕竟也是个大公司. 交通:偏外环,真北路 环境:感觉压抑,不通风,面试人很多,可能是屋子高度低,不舒服. 填了资料,等待面试,两轮,真是憋屈 都是搞技术的,何苦为 ...

  2. 【剑指Offer学习】【面试题43 : n 个锻子的点数】

    题目:把n个骰子扔在地上,全部骰子朝上一面的点数之和为s.输入n.打印出s 的全部可能的值出现的概率. 解题思路 解法一:基于通归求解,时间效率不够高. 先把n个骰子分为两堆:第一堆仅仅有一个.还有一 ...

  3. [转] 学习HTML/JavaScript/PHP 三者的关系以及各自的作用

    1.What is HTML? When you write a normal document using a word processor like Microsoft Word/Office, ...

  4. MyISAM与InnoDB的区别

    1. 存储结构: MyISAM:(文件名以表名开始) .frm文件存储表定义 .MYD文件存储数据 .MYI文件存储索引 InnoDB: 所有的表保存在同一个(也可能多个)数据文件中,表的大小仅受限于 ...

  5. Shell 脚本模拟 milter 实现黑白名单及关键词过滤

    程序执行流程:1. 开始接受邮件.2. 检查发件人是否在黑名单内,如果是拒绝接受;否则继续3. 检查发件人是否在白名单内,如果是接收邮件;否则继续4. 对邮件进行关键字过滤,如果邮件中包含被过滤的关键 ...

  6. Python开发【第十三篇】:jQuery--无内容点击-不进去(一)

    Python开发[第十三篇]:jQuery--无内容点击-不进去(一)

  7. ORACLE 数据库总结

    1.表和数据恢复 1.从回收站里查询被删除的表 select object_name,original_name,partition_name,type,ts_name,createtime,drop ...

  8. Dhroid框架笔记(IOC、EventBus)

    dhroid 目前包含了6大组件供大家使用1.Ioc容器: (用过spring的都知道)视图注入,对象注入,接口注入,解决类依赖关系2.Eventbus: android平台事件总线框架,独创延时事件 ...

  9. Hibernate 报错org.hibernate.PropertyAccessException: IllegalArgumentException(已解决)

    无聊想搭建一个项目,练手,做点小功能就一个卡在这个问题上 org.hibernate.PropertyAccessException: IllegalArgumentException occurre ...

  10. (转)ThinkPHP3.0 使用分组后路径访问无效的解决方法!

    注意,清除Runtime,就是清除缓存,很重要,妹的,调试了一下午,总是加上Home目录分组就找不到页面,直接放到action下就行,原来是缓存搞得鬼,另外要在入口文件开启‘APP_DEBUG’ 在T ...