jquery tabs的实现代码
(编辑：jimmy 日期: 2025/5/12 浏览：3 次 )
关键代码：
复制代码 代码如下:
$(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需再刷新一下页面才能执行]
复制代码 代码如下:
$(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需再刷新一下页面才能执行]
下一篇：js 失去焦点时关闭层实现代码