Archive for 七月 19th, 2010

TAB选项卡示例介绍

星期一, 七月 19th, 2010

演示主页:http://www.imf7.com/code/tab/
博客介绍:http://www.imf7.com/archives/154

选项卡解说:
1、支持一个页面多次引用;
2、一次引用实现多次切换;
3、点击/滑过等切换方式自定义;
4、自动播放+鼠标动作切换;
5、自动播放时鼠标移向内容区域暂停播放;
6、切换完成后回调函数。

函数引用说明:
slide({handle:elems, content:elems, current:”current”, mode:”click”, delay:5000, fn:function(){…} });

引用基本格式 slide({…}); 中间的“…”所代表的就是参数内容。

参数说明:
handle:表示选项卡分组名称的节点数组
content:表示与分组名称对应的内容的节点数组
current:表示当前分组名称的样式名称
mode:表示切换方式,支持“click/mouseover/…”等鼠标事件
delay:表示自动播放的间隔时间,有值则自动播放,单位毫秒
fn:表示切换完成一次后的回调函数

完整版下载TAB.rar
完整JS下载tab.full.rar
压缩JS下载tab.min.rar

演示主页:http://www.imf7.com/code/tab/
博客介绍:http://www.imf7.com/archives/154