[原] 基于jQuery的自动TAB选项卡实现

很有用，我就不多说了。

今天实现了“Auto TAB”，下面分享一下。有人会问为什么不用-ui，主要是页面的css已经完成了，实在不想为ui再写了；其次，ui毕竟是这么大的家伙，我为自己的表现感到难过。

HTML 页面非常简单：

选项卡 1 选项卡 2 选项卡 1 内容 选项卡 2 内容

之后就是用来自动处理这个的，加上鼠标点击自动切换的功能（当然可以通过鼠标移到上面的选项来支持，作为例子，我没写的那么完美):

$((){ //====== TAB 自动切换 ===== //

// //

内容 1

//

// (1) li 添加“索引”记录偏移量（第 i 项），并在 $(‘. . li’).each((i, li){ li = $(li); li.attr(‘index’, i) .(‘a’).attr(‘href’, ‘:;’).click((){ / /点击item的li的class设置为on = $(this).(), index = li_on.attr(‘index’); li_on.().().(‘on’ ); li_on.(‘on’); //显示对应的div内容，注意get(index)返回的是DOM节点，所以需要将$()转为对象 $( li_on.().( ).(‘div ‘).(‘hide’).get(index) ).(‘hide’); }); //显示现有li对应的div内容 class=on if (li.(‘ on’)){ li.(‘a’).click(); } });});