`

jQuery.Switchable 1.0

阅读更多

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/

分享到:
评论

相关推荐

    jquery.switchable-2.0.min(1)

    jquery.switchable-2.0.min(1)

    jQuery[1].Switchable-1.0.rar

    2. **switchable.js**: 这是jQuery Switchable的主要JavaScript代码文件,包含了所有实现切换效果的函数和逻辑。开发者可以通过调用这些函数来初始化和控制切换组件。 3. **demo.html**: 这是一个示例文件,展示了...

    jQuery[1].Switchable-1.0.rar_Trigger Effect_switchable

    jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration,支持自定义Effect,支持自主开发Plugin。  几个亮点:  在当前 trigger 中 ...

    jquery switchable 插件

    jQuery.Switchable是一款高效且灵活的jQuery插件,它集成了多种常见的用户界面(UI)组件,如Tabs、Slide和Scrollable。这个插件的主要目标是帮助开发者在网页设计中轻松实现各种交互式功能,提升用户体验。以下是...

    jQuery.Switchable 常见网页UI组件

    内容索引:脚本资源,jQuery,jQueryUI,Switchable jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration,支持自定义Effect,支持自主开发...

    jqueryswitchable插件做到到tablepanel的效果

    通常,这包括`jquery.switchable.js`和`jquery.switchable.css`,确保它们在页面中被正确引用。 2. **HTML结构**:在你的ASP.NET页面中,创建一个容器元素,例如`div`,并将需要切换的内容放入其中。每个面板可以用...

    (slider四合一插件)jQuery Switchable v2.0

    《jQuery Switchable v2.0:多功能滑动切换插件详解》 在Web开发中,JavaScript库jQuery以其简洁的语法和强大的功能深受开发者喜爱。jQuery Switchable v2.0是基于jQuery的一款高效、多功能的滑动切换插件,它集成...

    PHPCMSV9首页焦点图不显示的解决办法.pdf

    2. **编码问题**:程序中引用的`jquery.switchable%5B all%5D.min.js`文件与实际文件名`jquery.switchable[all].min.js`存在编码差异,可能是由于URL编码导致的问题。将文件名更改为与程序中一致的编码格式`jquery....

    PHPCMSV9首页焦点图不显示的解决办法.docx

    最终,通过对比浏览器中的源代码,发现一个名为“jquery.switchable%5B all%5D.min”的JavaScript文件引用存在问题,可能是因为路径中的大小写不匹配或者是编码问题。在静态文件夹(statics\js\tpl1)下找到了实际...

    jquery UI SWITCH

    《jQuery UI Switch:构建交互式开关组件》 在Web开发中,用户界面的交互性和易用性至关重要。jQuery UI提供了一系列强大的工具,帮助开发者创建出美观且功能丰富的UI元素。其中,Switch是jQuery UI库中的一个组件...

    金山云jquery鼠标滑过上下切换.zip

    在本项目"金山云jquery鼠标滑过上下切换.zip"中,我们主要探讨的是利用HTML5、jQuery、JavaScript和CSS这四门核心技术实现一种交互式的网页元素切换效果。当用户将鼠标悬停在特定区域上时,页面上的内容会实现上下...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    1.jQuery.Switchable常见网页UI组件(整合Tabs、Slide、Scrollable等插件) 2.jQuery层拖拽插件之jquery仿QQ空间的模块拖动功能插件下载 3.jQuery动感图标切换网页Tab选项卡导航代码 4.jquery封装Tab标签选项卡...

    jquery 图片切换 switchable 带左右按钮控制分页索引图片切换.rar

    用jquery制作图片切换效果,图片淡隐淡现带左右按钮和分页索引图片控制,鼠标点击按钮或图片显示大图,大图淡隐淡现切换播放,提高用户体验设计是jquery 图片切换中非常常用的jquery 特效。

    jQuery鼠标滑过图文开关灯切换特效.zip

    这里的`.switchable`是HTML中包含图片和文字的元素的类名,`find`方法用于查找子元素,`fadeIn`和`fadeOut`则是实现淡入淡出效果的jQuery方法。 此外,为了确保动画的流畅性,可以使用`queue`和`duration`参数来...

    jQuery图文开关灯切换特效特效代码

    **jQuery图文开关灯切换特效详解** 在网页设计中,动态效果常常能提升用户体验,增加页面的互动性。jQuery作为一款轻量级的JavaScript库,因其简单易用的API,成为了实现这些效果的首选工具。本篇文章将深入探讨...

    Switchable

    标题“Switchable”很可能指的是一个软件工具或编程概念,它涉及到可切换或具有不同状态的功能。根据提供的描述,虽然没有具体信息,但我们可以从标签“源码”和“工具”来推测这可能与一个开源项目或者一个编程工具...

    jQuery鼠标滑过图文开关灯切换特效

    在网页设计中,jQuery是一种广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题涉及的是一个基于jQuery实现的特殊交互效果——鼠标滑过图文开关灯切换特效。这种特效常用于网站的展示部分...

    jquery资料大放送 苦心收集的

    6. **插件扩展**: jQuery的生态系统中有大量的插件,如在给定的文件名中出现的jQuery Form插件用于表单提交,jQuery EasyUI则提供了一套界面组件,AeroWindow可能是一个窗口管理的插件,jQuery Switchable可能是轮播...

    可切换的

    可切换的 ...我们首先来看~/.config/switchable/config.toml ,如果不存在,我们尝试~/.switchable/config.toml 。 该配置是具有以下键的TOML文件: # Default value for DRI_PRIME driver = 1 #

    经典CNN论文.zip

    CNN经典结构实现论文,包括 AlexNet.pdf 'Batch Normalization.pdf' ... GoogleNetV1.pdf GoogleNetV2.pdf ...Switchable Normalization.pdf' VGGNet.pdf Weight Standardization.pdf' Xavier.pdf ZFNet.pdf

Global site tag (gtag.js) - Google Analytics