最简单的tab切换实例代码
作者：jingxian 发布时间：2023-08-22 08:38:59
标签：tab,切换
JS：
$(".con").eq(0).show();
$(".btn span").click(function(){
var num =$(".btn span").index(this);
$(".con").hide();
$(".con").eq(num).show().slblings().hide();
})
CSS：
body { cursor:default; -webkit-text-size-adjust:none; font-size:12px; font-family:Arial; background:#FFF; }
.clear { zoom:1; }
.clear:after { visibility:hidden; display:block; font-size:0; content:"1"; clear:both; height:0; }
.main { width:500px; margin:20px auto; }
.btn span { width:35px; text-align:center; color:#fff; background:#f00; cursor:pointer; margin:0 5px; display:block; float:left; }
.con { display:none; border:#033 1px solid; height:100px; width:200px; }
HTML：
<div class="main">
<div class="btn clear"><span>1</span><span>2</span><span>3</span></div>
<div class="con">第一个<br /> </div>
<div class="con">第二个<br /> </div>
<div class="con">第三个<br /> </div>
</div>
截图
0
投稿猜你喜欢
在python里面，读取或写入csv文件时，首先要import csv这个库，然后利用这个库提供的方法进行对文件的读写。典型的数据集stoc- 下策——查询出结果后将时间排序后取第一条select * from a where create_time<="2017-0
- 我用FSO生成了unicode的文件，但这不是我想要的。FSO可以生成utf-8格式编码的html文件吗？用什么办法才能生成？FSO的编码问
- 常见的一种应用场景：条件：假设A的shape为[4, 2]，B的shape为[5, 2]目的：实现A中的每一行, 减去B中的所有行（broa
- //-------------------------------------------- // 删除千分点。 //-----------
- 解析json数据并保存为csv文件首先导入两个包：import jsonimport pandas as pd打开json 文件并读取：wi
- Hello 大家好，我是TANZAME，我们又见面了。NuGet是什么这里就不再重复啰嗦，园子里一搜一大把。今天要跟大家分享的是，在日常开发
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗的解决方法分享。<div id='tes
- 导言很多Web程序都支持用户帐号，根据不同的登录用户提供不同的选项，报表等功能。例如，就我们的教程中，我们要允许供应商公司的一些账户能登录网
- 前言本文主要给大家介绍了关于Golang实现字符串倒序的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：字符串倒置如
- 一、VSCode 创建Django 工程VSCode 官方: https://code.visualstudio.com1 mysite(项
- 一、爬山法简介爬山法（climbing method）是一种优化算法，其一般从一个随机的解开始，然后逐步找到一个最优解（局部最优）。 假定所
- 我就废话不多说了，大家还是直接看代码吧~import timeimport mathimport numpy as npdef timeit
- 需求：根据country列的不同值，将内容分到不同sheet方法一：读取原Excel，根据country列将不同的内容放到不同的sheet，
- 问题描述在做矩阵数据的归一化处理时，遇到个报错：ValueError: operands could not be broadcast to
- 认证支持中间件中间件类: django.contrib.auth.middleware.AuthenticationMiddleware .
- 本文实例讲述了python实现堆栈与队列的方法。分享给大家供大家参考。具体分析如下：1、python实现堆栈，可先将Stack类写入文件st
- 目录1、索引失效原因2、再来看看哪些情况会破坏索引的有序性。- 对索引字段做函数操作- 隐式类型转换- 隐式字符编码转换3、总结1、索引失效
- python创建一个类很简单只需要定义它就可以了.class Cat: pass就像这样就可以了，通过创建子类我们可以继承他的父
- 前言本方法基于web2py框架，使用web2py的完整网站数据包创建简单网站。web2py 是一个为Python语言提供的全功能Web应用框
