jQuery Tab plugins
author: zhangjingwei
示例一:一般调用
房产新闻
家居新闻
地产新闻
大兴湖畔小区开盘
家居更加绿色环保
北京诞生新的地王
显示源码
隐藏源码
示例二:AJAX调用
房产新闻
家居新闻
地产新闻
显示源码
隐藏源码
基于jQuery的tab切换插件
html节点属性说明
data-tab:标签对应的数据节点
例如:data-tab="#box",既指id为box的节点(与jQuery选择器相同)
data-onclass:鼠标移动到标签上的样式
例如:data-onclass="mouseover",则鼠标移动到该节点时增加名为“mouseover”的样式
data-ajax:异步载入的页面
如果添加此标签则通过异步调用页面
data-type:舌标签分类
例如:data-type="a",则所有data-type为a的为同一标签组
tab插件参数
tabname(可选)-->String
定义html舌签数据节点属性名
classname(可选)-->String
定义html舌签样式节点属性名
ajaxname(可选)-->String
定义html舌签ajax节点属性名
typename(可选)-->String
定义html舌签分类节点属性名
hidden-->String
承载数据的容器隐藏时增加的样式,默认为ui-tabs-hide
event(可选)-->String
触发切换的事件,默认为mouseenter
ajaxOptions(可选)-->Object
AJAX 请求设置,此处设置会覆盖全局设置
callback (可选)-->Callback
切换完成后的执行函数,默认返回n(当前鼠标移动到的舌签对象);b(当前切换的box容器对象)