jquery tabs的实现代码
$(function(){
$(".tabs li").eq(0).css("background","#499AFF");
$(".tabs div").eq(0).show();
$(".tabs>ul>li").click(function(i){
$(this).css("background","#499AFF").siblings().css("background","#ffffff");
$(".tabs div").eq($("li").index(this)).show().siblings("div").hide();
return false;
})
})
演示(请“运行代码”后,刷新一次):
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
新浪,163滑动导航菜单代码
纯CSS3实现的Tab选项卡三个实例分享
jquery ui tabs获取选中的实现代码
jQuery EasyUI 布局 – 动态添加标签页(Tabs)
jquery自动切换tabs选项卡的实现代码
jquery自动切换tabs选项卡的具体实现
15款优秀的jQuery文本特效插件
Jquery的Tabs内容轮换效果实现代码,几行搞定
HTML5实现Tab切换(通过js代码)
jQuery EasyUI 布局 – 添加自动播放标签页(Tabs)