myFocus-tab v1.2 demo

myFocus-tab的HTML结构

<div id="yourTabID">
<div class="loading"><span>请稍候...</span></div><!--载入画面-->
<ul class="btn"><!--标题-->
<li>标题1</li>
<li>标题2</li>
<li>标题3</li>
<li>标题4</li>
</ul>
<ul class="cont"><!--内容-->
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<li>内容4</li>
</ul>
</div>

myFocus-tab的调用和参数设置：

myFocus.setting({
style:'mF_tab',//风格样式(对这款tag来说这是固定的)
id:'yourTabID',//绑定ID
trigger:'click',//tab切换模式：'click'(点击切换)/'mouseover'(悬停切换，这模式下默认有100毫秒延迟)
type:'slide',//切换效果：'none'（无效果）/'fade'（淡入效果）/'slide'（滑动效果）
auto:false,//是否自动切换，true为自动，false为非自动
time:2,//自动切换模式下的切换时间间隔，单位秒
width:424,//宽(内容区)，单位像素
height:61//高(内容区)，单位像素，支持'auto'自适应设置
});