Demos | jQuery.Switchable -JS/jQuery代码 -演示与下载 -时代Java

Custom animation


jQuery Code:

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

Want more easing effect? To use the jQuery Easing Plugin.

下载代码说明
X关闭

Switchable 基于jQuery 常见网页UI组件

jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration,支持自定义Effect,支持自主开发Plugin。 下面是jQuery.Switchable的几个亮点: 在当前 trigger 中 mouseenter/mouseleave, click 不触发 鼠标快速滑过非