jQuery.Switchable整合插件用途介绍

2016-02-20 01:04 152 1 收藏

想要天天向上，就要懂得享受学习。图老师为大家推荐jQuery.Switchable整合插件用途介绍，精彩的内容需要你们用心的阅读。还在等什么快点来看看吧！

【 tulaoshi.com - Web开发】

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

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

Tabs

Slide

Scrollable

Horizontal Accordion

Taobao.com

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

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/） $("trigger-container-selector").switchable("panel-selector", {
triggerType: "mouse", // or click
effect: "default",
circular: false
});

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

来源:http://www.tulaoshi.com/n/20160220/1633204.html

上一篇： Excel中数字如何自动转换成中文大写数字
下一篇：金山WPS也可以对插入的图片进行压缩

看过《jQuery.Switchable整合插件用途介绍》的人还看了以下文章更多>>

240多个jQuery插件推荐

标签： Web开发

概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、even...

基于JQuery的cookie插件

标签： Web开发

简单使用方法：代码如下： html head titleJQuery-Cookie插件/title script type="text/javascript" src="jquery-1.4.js"/script script type="text/javascript" src="jquery.cookie.js"/script /head body a href="#"设置cookie1/abr a href="#"设置cookie2/abr a href="#"获取cookie/abr a href="#"删除cookie/abr /body /...

jquery.lazyload 实现图片延迟加载jquery插件

标签： Web开发

什么是ImageLazyLoad技术在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。怎么实现ImageLazyLoad 一、使用JQuery...

jquery 简单图片导航插件jquery.imgNav.js

标签： Web开发

熟悉jquery的家伙大概花个5到10分钟就可以搞定了吧。由于这种导航效果比较通用，LEVIN顺手写了个 jquery插件～如果你的网站也需要类似的效果，大可拿去直接用或者扩展下:) 如果你也想尝试将某些可重用功能封装成jquery插件，别忘了看看一般的jquery插件开发过程，另外还有偶的一个jquery插件模板。代码如下： ;(function($) { //...

基于jquery的上传插件Uploadify

标签： Web开发

无论是做Web产品还是Web项目，文件上传是经常要用到的功能。以前经常听到做项目的同事抱怨：这款文件上传控件功能强大但是用起来麻烦，最简单的input上传使用方便但是功能太简单（例如不支持多文件），外观也不尽如人意。之后我一直留意网上的上传控件，最近看到一款基于jquery的上传插件Uploadify无论在功能、外观、可用性和扩展性上都有不...

查看更多精彩>>