【原创】jQuery.Switchable 1.0

jsw0528 · 发表于 2010-3-14 18:39:47

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

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

Slide

Scrollable

Horizontal Accordion

Taobao.com
taobao.com.png

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

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

复制代码

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

coldstone · 发表于 2010-3-15 09:48:23

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

bound0 · 发表于 2010-3-15 09:57:24

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

wissun · 发表于 2010-3-15 10:10:11

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

gujizhen · 发表于 2010-3-15 13:54:21

很好，喜欢

liukangIDEA · 发表于 2010-3-15 13:55:05

弓坚贞不屈！

fenghp · 发表于 2010-3-15 17:29:21

呵呵，非常地强大~

tmulmt · 发表于 2010-3-15 19:58:05

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

jsw0528 · 发表于 2010-3-15 21:14:48

能打开啊

jianghuluanke · 发表于 2010-3-16 07:09:09

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

MorpheusZeng · 发表于 2010-3-16 08:42:34

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

ayan2006 · 发表于 2010-3-16 09:34:18

很好..很强大...

[此著名广告位招租]

togoog · 发表于 2010-3-16 11:10:56

挺不错的.很强

iaw2001200 · 发表于 2010-3-16 20:05:26

LZ的东西很不错

jsw0528 · 发表于 2010-3-16 21:43:38

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

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

感谢LS所有人的支持

njutliu · 发表于 2010-3-17 11:48:16

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

jsw0528 · 发表于 2010-3-17 16:58:08

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

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

mu0001 · 发表于 2010-3-17 17:51:47

提示: 作者被禁止或删除。

wangzhkai · 发表于 2010-3-17 17:53:37

很好很强大

bmcsy · 发表于 2010-3-18 09:10:11

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

frieckie · 发表于 2010-3-18 09:32:02

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

xyq159589 · 发表于 2010-3-18 11:30:41

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

amdancy · 发表于 2010-3-18 12:46:17

不错,支持一下

minmiss · 发表于 2010-3-18 15:45:05

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

jsw0528 · 发表于 2010-3-18 17:59:51

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

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

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

cielkong · 发表于 2010-3-19 09:22:52

很强大的代码支持一下

maxken · 发表于 2010-3-19 13:43:30

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

xingcj · 发表于 2010-3-19 19:35:25

谢谢楼主分享!

zuozeyu · 发表于 2010-3-21 12:37:17

谢谢了，已经下载研究了

matin · 发表于 2010-3-22 11:00:55

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

帐号		自动登录	找回密码
密码			注册

【原创】jQuery.Switchable 1.0

评分

回复 8# tmulmt 的帖子

回复 16# njutliu 的帖子

很好很强大

回复 20# bmcsy & 24# minmiss 的帖子

mu0001 mu0001 当前离线 UID 526358 在线时间小时积分 778 帖子离线 18646 天注册时间 2009-12-27 IP卡狗仔卡禁止访问	发表于 2010-3-17 17:51:47 \| 显示全部楼层提示: 作者被禁止或删除。

	回复支持反对使用道具举报显身卡