Simple Demos

Tabs

First Second Third

Tab Panel 1 Open third tab

Tab Panel 2

Tab Panel 3 Open second tab

	$(function(){
		$(".tabs-trigger").switchable(".tabs-panel > p");
	});
	

Slide

	$(function(){
		$(".slide-trigger").switchable(".slide-panel > img", { effect: "fade", speed: .3 });
	});
	

Scrollable

	$(function(){
		window.api = $(".scrollable-trigger").switchable(".scrollable-panel > div > img", {
			triggerType: "click",
			effect: "scroll",
			steps: 3,
			visible: 3,
			api: true
		});
		$(".next").click(function(){
			api.next();
		});
		$(".prev").click(function(){
			api.prev();
		});
	});
	

More demos

Tabs

  1. Loading contents with AJAX
  2. Accordion
  3. Horizontal Accordion
  4. Multiple Tabs
  5. Using callback function
  6. Plugins in action

Slide

  1. Horizontal/Vertical Scrolling
  2. Plugins in action
  3. Without triggers

Scrollable

  1. Plugins in action
  2. Custom animation
  3. Custom widget

Live Demo

  1. taobao.com

整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件 来源:IlikejQuery.com [源码下载][使用帮助]

代码整理:酷站代码,转载请注明出处。 本代码仅限于学习交流,请勿用于商业用途!