jquery tabs的实现代码
更新时间：2009年05月26日 02:28:07 作者：
晚上有插件可以实现"jquery tab"，但有点复杂了，我想写个最简单的，来实现"jquery tab"。而事实上确实很简练
关键代码：
$(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实现下载图片的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要给大家介绍jquery事件处理的一些特征，jquery事件命名机制的相关知识，介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-08-08
比较不错的用ajax加载css或js等文件的源代码，以前都是需要把代码放到网页中，使用这个控件就不需要。2009-05-05
这篇文章主要介绍了jquery实现LED广告牌旋转系统图片切换效果类似路边场景，很实用的代码，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
这篇文章主要介绍了Jquery ajax基础教程的相关资料,需要的朋友可以参考下2015-11-11
本篇文章是对JQuery获取和设置Select选项的一些常用方法进行了汇总介绍，有需要的朋友可以参考一下2013-07-07
如果你还在犹豫是否要学习一个JavaScript框架，并困惑于选择哪一个框架，那么我推荐你选择jQuery。这并非说其它框架不好，只是jQuery可能是最稳妥和最具回报性的选择。2011-04-04
升级了IE10，发现flexigrid无法显示数据，提示获取到了数据，但没任何报错任何显示,经过试验和跟踪，修改如下，有类似问题的朋友可以参考下哈2013-07-07
这篇文章主要为大家详细介绍了jQuery制作网页版选项卡的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
JQuery判断正整数整理小结(jQuery 文本框中只能输入正整数)
这篇文章主要介绍了JQuery判断正整数，附上详细的代码供大家查看具体的方法,需要的朋友可以参考下2017-08-08
最新评论