40款经典前端特效插件---分享

1.flavr—超级漂亮的jQuery扁平弹出对话框     

创新互联长期为近1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为诏安企业提供专业的成都网站建设、成都做网站，诏安网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

2.轻量级触摸响应滑块插件JQuery lightSlider      

3.带37种3D动画特效的跨浏览器CSS3动画框架       

4.jquery整屏滚动插件Scrollify        

5.jquery旋转木马插件SLICK         

6.jquery文字动画插件LetterFX          

7.jquery文本翻转插件Wodry.js       

8.jquery通知插件toastr       

9.jQuery滚动执行动画插件FadeThis      

10.jquery表单验证插件Bootstrap Validator       

11.jCountdown倒计时插件jQuery           

12.iCheck不一样的checkbok         

13.Owl Carousel强大的响应式jQuery焦点图轮播插件   

14.magic-带64种动画效果的CSS3动画库     

15.jQuery实时搜索插件-HideSeek       

16.bootstrap modal对话框             

17.一款模拟CSS3动画的js插件-move.js              

18.可替代CSS3 transition和transform的jQuery插件          

19.基于bootstrap的jQuery多功能模态对话框插件

20.带CSS3过渡效果的js模态窗口插件        

21.支持移动触摸设备的简洁js幻灯片插件

22.jQuery轻量级响应式扁平风格tabs选项卡插件

23.jQuery轻量级响应式Tooltip插件

24.jQuery简单且功能强大的图片剪裁插件

25.带CSS3动画过渡效果的jQuery模态窗口插件

26.中国省市区地址三级联动jQuery插件

27.移动端优先且支持jQuery和Zepto的模态对话框插件

28.jQuery简单实用的tooltip插件

29.带CSS3过渡动画效果的jQuery Tabs选项卡插件

30.x0popup-纯js弹出对话框插件

31.WOW.js-元素在页面滚动时展示CSS3动画JS插件

32.Windows8样式的消息提示框jQuery插件

33.jQuery星级评分插件

34.fsBanner-实用的网站响应式Banner手风琴插件

35.draggabilly-功能强大的拖动拖拽元素插件

36.验证插件vali.js

37.响应式jQuery图片放大镜插件magnificent.js

38.可快速生成各种阴影效果的jQuery插件

39.基于jquery的非常逼真的全屏下雪效果

40.纯文本Loading加载指示器特效

Jquery 插件是什么！

Jquery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

用法：

1、引入jQuery库

script src="jquery.js" type="text/javascript"/script

2、写jQuery语法

script type="text/javascript"

$(function(){

$("div").css({width:"100px"});

})

/script

需要你系统的学习jQuery后才能掌握更多语法。可参考w3school的教程

jquery分页插件哪个比较好？

maxentries    总条目数    必选参数，整数  

items_per_page    每页显示的条目数    可选参数，默认是10  

num_display_entries    连续分页主体部分显示的分页条目数    可选参数，默认是10  

current_page    当前选中的页面    可选参数，默认是0，表示第1页  

num_edge_entries    两侧显示的首尾分页的条目数    可选参数，默认是0  

link_to    分页的链接    字符串，可选参数，默认是"#"  

prev_text    “前一页”分页按钮上显示的文字    字符串参数，可选，默认是"Prev"  

next_text    “下一页”分页按钮上显示的文字    字符串参数，可选，默认是"Next"  

ellipse_text    省略的页数用什么文字表示    可选字符串参数，默认是"..."  

prev_show_always    是否显示“前一页”分页按钮    布尔型，可选参数，默认为true，即显示“前一页”按钮  

next_show_always    是否显示“下一页”分页按钮    布尔型，可选参数，默认为true，即显示“下一页”按钮  

callback    回调函数    默认无执行效果  

首先这些都不叫插件，叫JavaScript框架，也叫Jquery类库，是所有Jquery插件（有很多，Jquery幻灯啊，Jquery导航啊，请百度）的基础，就是你要用Jquery插件就要导入jquery-1.4.2.js这些query-1.4.2.js里面有注释的教你怎么用的，数字是版本号jquery-1.6.4.min.js

带min是压缩后的，可以挂网页上得，用于减少加载。

jquery正规命名规范

jquery -版本号

.min压缩版

不带.min就是未压缩版

jquery-1.6.4.min.js

一般使用都用带.min的

节省加载时间。

其他的都是基于

jquery做的开发，命名各不相同，但都依赖于jquery

什么是jquery插件?有什么用?

jquery 插件就是一些人用jquery写的一些工具，常见的是jquery UI和jquery easyui,我们在调用时只需要用很少的代码就能实现很好的效果。

如easyui的datagrid、combobox、tree等可以实现表格、下拉框、树等形状及需要的操作。

附：easyui官网

可以在网站里面下载demo、观看一些特效、下载插件js等。

jQuery插件开发全解析 jQuery插件的开发包括两种：

一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery 的全局函数就是属于jQuery命名空间的函数。

另一种是对象级别的插件开发，即给jQuery对象添加方法。

jquery插件怎样使用和修改?

jQuery插件 要使用它的话 通常插件中都有demo或者api可以查阅\x0d\x0a通常jQuery插件为了减小体积 会发布两个版本 XXX.js和XXX.min.js\x0d\x0a\x0d\x0a如果你要修改插件需要使用XXX.js文件\x0d\x0a\x0d\x0a首先 你要知道它怎么用,先有一个可用的demo(没有demo就自己写一个),然后用webkit内核或firefox进行断点查看,这主要是为了找插件入口点,当然 你也可以直接查看js代码 这需要一定的底子\x0d\x0a最后 就是慢慢查看他的代码的实现功能了,先得看懂他是怎么实现的,然后你才会知道怎么改.\x0d\x0a\x0d\x0ajQuery插件我也写的不少 像 模拟alert/confirm/prompt 错误信息提示框 模拟弹出窗体 无缝marquee滚动 分页控件 拖拽控件等等\x0d\x0a\x0d\x0ajQuery插件的框架写法通常是\x0d\x0a\x0d\x0a(function($){\x0d\x0a $.fn.extend({\x0d\x0a fnKey:function(){}\x0d\x0a })\x0d\x0a //或者\x0d\x0a $.fn.fnKey=function(){}\x0d\x0a})(jQuery)\x0d\x0a\x0d\x0a上面的两种写法的调用 方式 是\x0d\x0a\x0d\x0a$("XXX").fnKey()进行调用的\x0d\x0a\x0d\x0a还有一种写法:\x0d\x0avar fnClass = function(){\x0d\x0a this.fnKey=function(){\x0d\x0a }\x0d\x0a this.props="";\x0d\x0a}\x0d\x0a\x0d\x0a这种写法是的调用 方式是\x0d\x0afnClass obj = new fnClass();\x0d\x0aobj.fnKey();\x0d\x0a\x0d\x0a第二种写法是js的面向对象编程 得自己慢慢的理解哈

网站名称：jquery效果插件,需要jquery插件
分享链接：http://pwwzsj.com/article/dsehdpi.html