jQuery.Switchable整合插件用途介绍

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

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

Tabs

Slide

Scrollable

Horizontal Accordion

Taobao.com

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

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

演示、说明、下载 可以访问官网：http://ilikejquery.com/switchable/

时间： 2024-04-19 10:51:27

jQuery.Switchable整合插件用途介绍的相关文章

Jquery瀑布流插件使用介绍_jquery

瀑布流布局浅析 浅谈个人在瀑布流网页的实现中遇到的问题和解决方法 折腾:瀑布流布局(基于多栏列表流体布局实现) javascript 瀑布流.各大瀑布流简析与建议 因为自己用jquery比较多,便萌生了把瀑布流做成插件的想法,图片就借用迅雷UED上的那些美图吧. 先看看Demo 把代码放出来吧 复制代码 代码如下: ;(function($){ var //参数 setting={ column_width:204,//列宽 column_className:'waterfall_column'

jquery插件如何使用 jQuery操作Cookie插件使用介绍_jquery

代码: 复制代码 代码如下: jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); // clone object since i

基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍利用jQuery Tags Input 插件显示选择记录. 我在利用jQuery Tags Input 插件之前,一直想找一个合适的J

我的jQuery动态表格插件二

     本篇博客是我写在离职后,昨天刚辞职和交接完任务,准备离开.其实我有很多不舍,但是最终还是选择了离开,许多苦楚都埋在我的心底.哎,趁回成都找工作的机会是该好好休息一下了.        在上篇我的jQuery动态表格插件中介绍了插件的基本使用方法.在实际运用的时候出现了一些其他的需求,所以插件再次升级,增加了一些辅助功能. 1:EnterToTab:$("selector"). EnterToTab(),是的selector中的空间可以回车变为tab键使用,方便用户的输入. 代

jQuery滚动条样式插件mCustomScrollbar用法介绍

关于 mCustomScrollbar mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义,它通过Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持,并且在滚动的过程中,还可以缓冲滚动使得滚动更加的平滑,还可以自动调整滚动条的位置和定义滚动到的位置等.总之,你知道非常好用就是了,:-) 下载 如何使用 mCustomScrol

分享10个最好的jQuery表单插件

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 作为web设计或者开发者来说,表单是我们经常需要打交道的设计元素之一. 不论你开发登陆功能,在线购物功能,或者是注册功能,你都需要使用表单来执行用户输入.但其实并不是很多开发人员都关心开发或者设计表单元素.而表单设计 最重要的目的在于能够将表单设计超越它本身结构以达到使用体验及其可用体验的完美结合,因为表单是实现用户和服务器数据交换的重要方式

手把手教你用jQuery做动画插件

CSS样式属性动画 我们现在有很多的动画方法,滑动.淡出淡入.还有其他的显示隐藏动画,但是我们对于精确的控制动画以及动画到底怎么发生的还不太了解.我们这就来介绍一个非常强大的jQuery函数,animate,这个方法可以让你对任何的CSS属性做动画的效果.我们看看代码: $("p").animate({        padding:"20px",        fontSize:"30px"  },2000)  这段代码会动画操作所有的,将他们

jQuery的Scrollify插件实现滑动到页面下一节点

  这篇文章主要介绍了jQuery的Scrollify插件实现滑动到页面下一节点的相关资料,需要的朋友可以参考下 有时我们需要做一个单页面介绍产品特性,而单页面内容非常多且页面非常长,为了快速定位到产品特性节点,我们使用js侦听用户滚轮事件,当用户触发滚轮滑动或者使用手势触屏滑动时,即可定位到相应的节点.一款jQuery插件叫Scrollify帮我们做到了. Scrollify需要jQuery 1.6+以及缓冲动画easing插件配合来实现.HTML基本结构如下: ? 1 2 3 4 5 6 7

jquery.messager.js插件导致页面抖动的解决方法

这盘文章介绍了jquery.messager.js插件导致页面抖动的解决方法,有需要的朋友可以参考一下   消息弹出时页面总是抖动或者闪一下,找了很长时间没有找到原因,今天找到,原来是html没有声明解析规范 需要加上<!DOCTYPE> 标签 复制代码 代码如下: PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional