很有用,我就不多说了。
今天实现了“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(); } });});
© 版权声明
本站下载的源码均来自公开网络收集转发二次开发而来,
若侵犯了您的合法权益,请来信通知我们1413333033@qq.com,
我们会及时删除,给您带来的不便,我们深表歉意。
下载用户仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,访问及下载者下载默认同意本站声明的免责申明,请合理使用切勿商用。
THE END
暂无评论内容