jquery tabs的实现代码
时间：2021-09-23 08:45:50|栏目：jquery|点击： 次
关键代码：
$(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需再刷新一下页面才能执行]
上一篇：jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
栏 目：jquery
下一篇：远离JS灾难css灾难之 js私有函数和css选择器作为容器
本文标题：jquery tabs的实现代码
本文地址：http://www.codeinn.net/misctech/176916.html
