9 款超棒的jQuery“旋转木马”插件和教程推荐

标签: jquery 旋转木马 插件 | 发表时间:2012-02-29 16:02 | 作者:
出处:http://www.iteye.com
Web设计技术日新月异,开发者和设计师都应该了解最新的设计趋势。目前,“旋转木马”是一种比较流行的图片切换效果,这是一个在水平/垂直方向上动态滚动的列表,能让用户方便地访问到不同的内容,使用这个效果既可以提高网站的可用性,又能吸引用户。

使用jQuery就可以实现各种各样的旋转木马效果,而且在很多方面都优于Flash,这对于Web设计师来说非常值得尝试。本文为大家介绍9款好用的旋转木马插件和教程,让大家在了解这个效果的基础上优化自己的网站。

1. JCarousel

这个插件有设置图片滚动(水平/垂直)效果的功能。无论图片是静态HTML内容或有/无Ajax加载能力,都可以来回滚动。



2. Cloud Carousel: 3D旋转木马效果插件

这个可以替代Flash的插件有很多优点:易整合、文件小、可以进行搜索引擎优化、具备可访问性。



3. jQuery MS Carousel

这款插件可以用于DIV、LI或任何HTML标签上。当点击上一张或下一张按钮时,就可以返回到其中的某张图片,实现用户自由操作的功能。



4. Floom

Floom能够以非常独特的方式(百叶窗效果)在网站上展示幻灯片。该插件基于MooTools 1.2。



5. Roundabout For jQuery

这个插件能够将无序列表、无序HTML结构转化为有吸引力、集娱乐性与互动性的类似转盘一样的区域结构,使用大量API实现高度可定制。Roundabout是基于jQuery的插件,适用于所有主流浏览器。



6. WOW Slider

顾名思义,这是一个视觉效果很棒的jQuery图片滑动插件,可以实现的效果有:Blast、Fly、Blinds、Squares、Slices、Basic、Fade、Ken Burns、Stack、 Stack vertical、Basic linear等,还有大量的专业模板。通过这个插件,你可以在短时间内创建滑块,不需要编程或编辑图片——这均得益于point-and-click向导。同时该插件也支持WordPress的滑动插件和Joomla的滑动模块。



7. Carousel Slideshow

Carousel Slideshow是一个DHTML脚本,能以特别的方式在网站上呈现图片,包括3D和旋转木马效果。你可以根据自己的想法来设计滑块,比如从右到左滑动或反向滑动;设置4面、6面、8面或12面展示;为每张图片添加链接;设置鼠标悬停等等。该脚本基于DOM,能在主流的DHTML浏览器上使用。



8. 用 jQuery 和 CSS创建马赛克幻灯片

只有新颖的东西才能吸引用户并留住用户。因此,本教程将介绍如何用jQuery和CSS做出马赛克图片廊。当图片切换时,将会出现一个炫丽的拼贴过渡效果。



9. jQuery Carousel 插件

很多能实现旋转木马效果的插件不是要求非语义标记就是有额外的大文件,不过jQuery的这款插件不存在这些问题,它使用方便,易于上手,而且非常实用。



原文链接: 9 Awesome Free jQuery Carousel Plugins and Tutorials

感谢 sherry617 投递这篇资讯

已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [jquery 旋转木马 插件] 推荐:

9 款超棒的jQuery“旋转木马”插件和教程推荐

- - ITeye资讯频道
Web设计技术日新月异,开发者和设计师都应该了解最新的设计趋势. 目前,“旋转木马”是一种比较流行的图片切换效果,这是一个在水平/垂直方向上动态滚动的列表,能让用户方便地访问到不同的内容,使用这个效果既可以提高网站的可用性,又能吸引用户. 使用jQuery就可以实现各种各样的旋转木马效果,而且在很多方面都优于Flash,这对于Web设计师来说非常值得尝试.

jquery 插件

- - JavaScript - Web前端 - ITeye博客
 jQuery插件的开发包括两种:. 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法. jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法. 下面就两种函数的开发做详细的说明. 1 、类级别的插件开发.

常用JQuery插件整理

- xxg - 博客园-首页原创精华区
  虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来.   jquery.HooRay(哈哈,自己写的插件是必须有的).   jquery UI(官方的UI插件,功能很多,但我只用少数几个).   artDialog(很欣赏这个插件,又强大又美观).

2010年最佳jQuery插件

- seenxu - 博客园新闻频道
在2010年,JavaScript框架继续日渐普及,这使得大量的插件被开发出来. WDL的作者从大量的优秀 jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best. 2010年最佳jQuery插件(排名不分先后):. 一个加载设置拥有9种过度效果的超级smooth slider,它还支持如链接图像和键盘导航等内容.

[原]jQuery ListBox Plugin(ListBox插件)

- We_Get - 博客园-首页原创精华区
转载请注明作者(think8848)和出处(http://think8848.cnblogs.com). 未经作者同意,请勿擅自修改本文内容. 这两天项目中要用到类似于ListBox的功能了,本以为有很多jQuery插件,没有想到的是,居然没有搜到好用的,咋办呢,自已动手丰衣足食吧,于是花了一个晚上的时间做出来一个,上效果图:.

JQuery图表插件——Highcharts

- We_Get - 博客园-首页原创精华区
因为项目中需要用到图表生成,所有Google了下,找到了这个插件,顺带写了个DEMO. 先上三个图,分别是曲线、柱状、扇形. 图表中的数据纯属于DEMO的测试数据,没有实际用意. 第一步,下载并且引用JS包(highcharts.js),theme顾名思义是放皮肤的. 可以下载DEMO逐一试试就知道效果怎么样了,上图就应用了两个样式.

jquery Dialog - 弹出窗插件

- Bloger - 博客园-首页原创精华区
    分享几个jquery Dialog弹出窗插件.     1)Zebra_Dialog是一个可灵活配置的对话框jQuery插件,大小只有4KB,要求jQuery 1.5.2+支持. 可用于替换JavaScript原始的“alert” 和“confirmation”对话框. 这个插件使用jQuery Plugin Boilerplate构建.

jQuery 插件autocomplete 应用

- Bloger - 博客园-首页原创精华区
  项目中有时会用到自动补全查询,就像Google搜索框、淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择, autocomplete插件就是完成这样的功能.   autocomplete官网 : http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ (可下载jQuery autocomplete插件).

jquery插件的开发

- - CSDN博客推荐文章
插件的概念大家并不陌生了,插件可以很方便我们进行代码开发,大大节约了我们的开发时间. 以前我用jquery都是自己洗一大把的代码,复用性不高维护也不方便. 因此自己学着开发了2个简单的jquery插件. 下面先看下jquery插件的分类. jQuery开发分为两种:. 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法.

jQuery 绘图插件:jqPlot

- - 我爱水煮鱼
jqPlot 是一个 jQuery 这个 JavaScript 框架的绘图插件, jqPlot 能够产生很多漂亮优雅的线图和条形图. 默认最优设置,非常易于使用. jQuery 绘图插件:jqPlot. 使用 jqPlot 基本可以控制图表的每一个部分,如网格的背景,字体和大小,等等,并且 jqPlot 自己本身也有插件支持系统,所以它可以很容易扩展新的图表类别和选项.