首页
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
设计教程
利用jQuery实现滑动开关按钮效果附demo源码下载
jQuery
2019-01-07
首先来看看要实现的
效果
图:
HTML结构如下:
rush:xhtml;">
Boxwrap fr">
Box fl" id="timeList" typeId="time">
Box_l">Box_c rel">
24小时
Box
_r">
Box fl" id="cityList" typeId="city">
Box_l">Box_c rel">
Box
_r">
初始化
函数
:
rush:js;"> /*@.
Box
wrap :滑动按钮
父容器
,同一界别的滑动按钮必须包含在同
一个
容器中 *@loadData :点击按钮后回调
函数
*@#frameMain : 加载
内容
的iframe Id *@tab.html : 提交参数的
页面
*/ loadSwitch
Box
('.
Box
wrap',loadData,'#frameMain','tab.html');
完整demo:
HTML:
rush:xhtml;">
sitch
Box
Boxwrap fr">
Box fl" id="timeList" typeId="time">
Box_l">Box_c rel">
24小时
Box
_r">
Box fl" id="cityList" typeId="city">
Box_l">Box_c rel">
Box
_r">