关注F2E-UED-SEO

一杯茶的功夫…原来部门的两位同事离职了…
原来的小业务部门也散了…
正所谓物事人非…
好吧不提这些往事…
今天分享的是mootools的switchable效果，这些效果我一个月以前已经整理好放到了ShopEx官方的wiki上…
现在就同步到我的私人blog里。

先说一下引用switchable的方法：（switchable基于Mootools1.3版本以上）

• 1.完成html+css代码的编写，依次加入mootools.js和switchable.js，注意先后顺序
• 2.最外层的父元素必须声明类名class为”Auto_Widget”!!!
• 3.在外层的父元素上写上属性data-widget-type,选择效果名称,例如Tabs,Switchable,Accordion,Popup
• 4.如有必要,在外层的父元素上写上属性data-widget-config,选择你想要的参数配置实现不同的效果。

下面放出各种效果：
具体的各种效果引用方法和参数配置，请点击这里。
全部实例打包下载，请点击这里。

• 一、Slide卡盘效果
  数字图片轮播 文字图片轮播 大图小图轮播 滚动公告
• 二、Tab标签页效果
  简单的Tab标签页 标签页延迟展示 3
• 三、Accordion手风琴效果
  手风琴效果 手风琴-支持多面板展开 基础的在线客服效果
• 四、Carousel旋转木马效果
  点击上下滚动一组内容 点击文字左右滚动 点击图片左右滚动
• 五、Popup 弹出层效果
  弹出层原理剖析实例 竖向弹出菜单实例
• 六、Lazyload 延迟加载机制
  延迟加载实例展示
• 七、倒计时效果
  倒计时实例一 倒计时实例二 经典团购流程实例