首页 >web前端 >js教程 >jquery tabs的实现代码_jquery

jquery tabs的实现代码_jquery

WBOY
WBOY原创
2016-05-16 18:52:161212浏览

关键代码:

复制代码 代码如下:

$(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;
})
})

演示(请“运行代码”后,刷新一次):
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn