【原创】jQuery.Switchable 1.0

jsw0528 楼主

jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration，支持自定义Effect，支持自主开发Plugin。

jQuery.Switchable能实现什么样的效果？看图：
Tabs


Slide


Scrollable


Horizontal Accordion


Taobao.com



下面是构建jQuery.Switchable的基本格式：

1. $("trigger-container-selector").switchable("panel-selector", {
   
2. triggerType: "mouse", // or click
   
3. effect: "default",
   
4. circular: false
   
5. });

复制代码

更多介绍，请查看http://ilikejquery.com/switchable/

coldstone

非常的强大以及实用，我肯定第一个来支持了。

bound0

为何引入jQuery？独立组件不好？

wissun

挺不错的，先支持一个````

gujizhen

很好，喜欢

liukangIDEA

弓坚贞不屈！

fenghp

呵呵，非常地强大~

tmulmt

给的网址无法访问，能打个包吗

jsw0528 楼主

能打开啊

jianghuluanke

jquery很好啊，必竟现在很多都在用，赞下LZ!

MorpheusZeng

感觉Scrollable这个用蓝色的圆点表示当前，用灰色表示非当前好些。你的刚好相反了。

ayan2006

很好..很强大...

[此著名广告位 招租]

togoog

挺不错的.很强

iaw2001200

LZ的东西很不错

jsw0528 楼主

原帖由 MorpheusZeng 于 2010-3-16 08:42 发表
感觉Scrollable这个用蓝色的圆点表示当前，用灰色表示非当前好些。你的刚好相反了。

用的迅雷上的图片，刚开始我也是你这种想法，后来想通了：
蓝色，类似链接色，就是说可以点击
灰色，灰度，不能点击

感谢LS所有人的支持

njutliu

报告一个BUG，采用 effect: "fade"，在由第5个回到第一个时，第一个页面为空白了。
原因我也正在查。IE8 Maxthon 1.6.7

jsw0528 楼主

你的话语中有“第5个”，我想你说的应该是http://ilikejquery.com/switchable/demos/slide/plugin.html上的例子吧，而且你是直接把scroll换成了fade

carousel插件通常情况下是和scrollable配合的，因为其他的效果没必要用这个插件（看不出效果）。
你看看http://ilikejquery.com/switchable/demos/scrollable/plugin.html这里的Demo就知道是怎么回事了

mu0001

好是好，新手还是有点问题

wangzhkai

很好很强大

bmcsy

还是有个通病：tabs不能自适应宽度。

frieckie

顶一下，楼上什么时候来个TABS能自适应宽度的插件

xyq159589

比较综合，收藏一下，谢谢~

amdancy

不错,支持一下

minmiss

图片切换效果的，怎么在图片上加文字描述

jsw0528 楼主

你们俩的问题，都属CSS。我只是做个Demo说明下jQuery.Switchable能实现什么样子的效果

如果要把所有人的具体需求都做个Demo出来，那得做多少个Demo啊

[ 本帖最后由 jsw0528 于 2010-3-18 18:02 编辑 ]

cielkong

很强大的代码 支持一下

maxken

支持一下,谢谢楼主分享!

xingcj

谢谢楼主分享!

zuozeyu

谢谢了，已经下载研究了

matin

Scrollable添加图片链接后就不滚动了， 请教如何解决？