论坛首页 Web前端技术论坛

2011年50款最新最酷的jQuery插件介绍和演示:第一部分

浏览 9121 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-07-14   最后修改:2011-07-19

作者:Chris Spooner
翻译:Terry li - GBin1.com
英文: 50 New And Crazy Cool jQuery Plugins From Year 2011

2011年刚好过了一半,正是我们回顾和探索web设计和开发的好时间。jQuery虽然发展了很长一段时间,然而它的发展并没有停止。随着40%的网站都使用jQuery,现在我们已经不可能够忽视这个高效,强悍,并且轻量级的开发工具了。

jQuery给予了开发人员只使用少量代码快速实现丰富界面的能力。GBin1推荐的这篇文章将展示50个犀利快速然而使用简单的jQuery插件来帮助大家极大提高你的web体验。

1. jbar

jbar是一个jQuery的插件能够快速的将列表元素转换为一个带下拉菜单工具条。

jbar

在线演示

2.e24TabMenu

e24TabMenu是一个使用scriptaculous开发的插件。它能帮助生成一个能够平滑伸展和收缩的Tab菜单。

e24TabMenu

在线演示

3. 简单jQuery Fluid缩略菜单条

非常简单,在一个空间里创建了一个缩略图的列表,然后多余的部分能够在页与页之间翻转。

简单jQuery Fluid缩略菜单条

在线演示

4. Accordion Multilevel 菜单

这个插件拥有一个选项,如果你设置为true时,将生成一个折叠菜单。相关项打开时不相关的菜单项将被关闭

Accordion Multilevel 菜单

在线演示

5. DropKick

创建一个定制的下载菜单一般是个比较费劲的活儿,要求很多的配置时间。时常缺乏这种能够使用快捷键导航的下拉菜单。Dropkick使得一切变得简单,让你可以集中精力处理菜单界面的美化。

DropKick

在线演示

6. jQuery Resize and Crop

这个jQuery插件可以在一个给定照片上指定选择框,然后允许用户改变大小然后执行一次裁剪。然后使用对应的坐标数值做其它相关的处理。

jQuery Resize and Crop

在线演示

7. Cloud zoom

Cloud Zoom是一个jQuery的图片缩放插件,是类似的产品例如,Magic Zoom的另外一个选择。相对于流行的JQZoom插件来说,比CloudZoom更小,有更多的特性并且兼容性更好。

Cloud zoom

在线演示

8. Simple jQuery image Hover effect

这是个简单的动画一个图片的技巧,鼠标hover时调用jQuery的animate()效果。

Simple jQuery image Hover effect

在线演示

9. Easy Image Zoom

这个插件可以让你在鼠标挪动到一张中型图片上后看到更多细节。

Easy Image Zoom

在线演示

10. ImageLens

使用这个jQuery插件对图片添加放大镜效果

ImageLens

在线演示

 

原文出处:

2011年50款最新最酷的jQuery插件介绍和演示:第一部分

2011年50款最新最酷的jQuery插件介绍和演示:第二部分

2011年50款最新最酷的jQuery插件介绍和演示:第三部分

 

插件演示直接去原文看吧。这里没办法贴了。

   发表时间:2011-07-16  
很多错的网站
0 请登录后投票
   发表时间:2011-07-16  
很好的推荐,很多都可以现在实践了。
0 请登录后投票
   发表时间:2011-07-17  
.....要么就全贴出来,要么就不要发,发个链接来骗流量,BS
0 请登录后投票
   发表时间:2011-07-18  
被欺骗了。。
0 请登录后投票
   发表时间:2011-07-19  
鉴于某些人觉得我发的水贴,我特此粘全了内容,希望好事者能满意。
0 请登录后投票
   发表时间:2011-07-19   最后修改:2011-07-19
janrn 写道
.....要么就全贴出来,要么就不要发,发个链接来骗流量,BS


请你仔细阅读论坛发贴规则,特别是关于严禁技术文章的全文转载的那条。
0 请登录后投票
   发表时间:2011-07-20  
不错的网站有些还是很实用的
0 请登录后投票
   发表时间:2011-07-20  
做网站的happy了 呵呵
0 请登录后投票
   发表时间:2011-07-22  
好贴。对我帮助编写网站很有帮助
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics