随着过去几年里Web2.0的发展,javascript框架已得了很好的普及,且要使用它是简单容易的。jquery是这个发展过程中比较重要的一个JS框架,由于其易用性和其难以置信的轻量级,jQuery已经成为当下最热门的JS框架。本站之前也介绍过一些jQuery的相关资源:
本文则主要为你介绍10个用来改善网站界面的jQuery脚本,它们或能让网页看上去更加漂亮,或增加交互性,更有利于用户的浏览。如果你正准备对网站进行重新设计,不要错过这些强大的jQuery脚本.
Thickbox
让用户不离开当前页面就能查看大图片或其它内容。这就是我们所说的灯箱效果。类似的脚本有很多,比如本站之前介绍过的LightWindow, Shadowbox, MooslideBox, VideoBox等等。
Thickbox
- ThickBox的使用说明和演示
- Thickbox的Wordpress插件
- 更多类似效果的wordpress插件可以查看WordPress图片相册插件
Tabulations
为内容创建TAB标签浏览。如果你有那种比较长的内容,使用Tab标签特效能够节约空间,且更好的展示内容结构,便于用户的浏览。
Tabulations
- Tabulations的使用说明和演示
- Tabulations的Wordpress插件
- 更多Tab标签浏览特效可以查看Ajax和CSS实现的Tab选项卡界面
Coda slider
创建类似于 Coda网站的滑动门特效. 非常之酷,只是脚本体积有点大了。
Coda slider
- Coda Slider的使用说明和演示
- WP Coda: 这是一个仿CODA网站的wordpress主题,仿的非常逼真漂亮。
- 更多滑动门特效可以查看40多个滑动门特效实例欣赏
Galleria
Galleria 是一个使用 jQuery编写的Javascript图片相册脚本. 它通过从一个无序列表里面载入图片显示缩略图,顶部显示大图,来实现一个简单漂亮的相册展示.
Galleria
- Galleria使用说明和演示
- 本站之前介绍过很多类似的JS图片相册脚本: dfGallery, Polaroid Gallery, (E2), MultiBox等等。
jTip
基于jQuery的提示特效脚本,具有灵活性和可配置性。
jTip
- jTip的使用说明和演示S
- jTip的Wordpress插件 (非 jQuery)
- 在50多个jQuery插件实例,30个Ajax和Javascript 以及 200+jQuery插件里面,有好几个Tooltips类的脚本。
样式表切换/Style Switcher
允许访问切换网页样式表风格的脚本。主要用来切换网站配色,也有一些设计师用来切换网站布局,不过据说如果弄成切换网站布局,不利于seo。
Style Switcher
- Style Swithcer的使用说明和DEMO
- WordPress 主题风格切换插件(请注意,是主题风格切换,不是主题切换)
- 如果你想要WordPress主题切换插件,可以在WP开发者资源1里面找到。
手风琴菜单/jQuery Accordion menu
基于jQuery的动态手风琴菜单特效。适合制作子级项目比较多的侧边栏菜单。
jQuery Accordion menu
- jQuery Accordion menu的使用说明和DEMO
- jQuery Accordion menu的 wordpress插件
- 更多的手风琴特效菜单 – 1, 2, 3, 4
滑动相册展示/Slider Gallery
创建一个滑动相册展示,适合用于图片和产品的展示。
Slider Gallery
表单验证/Form Validation
使用 jQuery插件来验证表单,避免收到攻击性的表单提交。
Form Validation
- 脚本使用说明和演示
- 如果你是WordPress用户,可以查看本站之前发表的5款WordPress联系表单插件,其中几款包含了安全功能
jGrowl
在网页或准确的说在浏览器插入友好的提示信息, 就像Mac OSX中的Growl .
jGrowl
英文原文: 10 jQuery scripts to improve your site’s interface
翻译: 帕兰映像
没有评论:
发表评论