css的使用在开发中是很常见的，选项卡的切换也是如此。关于如何简单利用css制作选项卡切换，小编在这里给大家具体讲解一下。
发表日期： 2020-08-01 11:17:33 浏览次数：157
澧县百度爱采购网站推广电话、澧县百度爱采购广告收费标准多少钱、澧县百度爱采购代理服务商找哪家好、澧县百度爱采购会员费一年需要多少钱、澧县百度爱采购商家服务如何推广【澧县百度爱采购广告推广咨询服务】
澧县，隶属于湖南省常德市，因澧水贯穿全境而得名，位于长江中游，湖南省西北部，洞庭湖西岸，与长江直线距离80公里。梁敬帝绍泰元年（555）始置澧州。隋开皇九年（公元589年）罢天门郡，置澧州，新置澧阳县。2015年，全县辖4个街道、15个镇，境内气候适宜，地貌多样，水面广大。澧县拥有澧阳平原（湖南省最大的平原）绝大部分，面积2107.3平方公里。粮、棉、油、猪、鱼是澧县五大农业支柱产品。
澧县先后被定为全国商品粮基地县、优质棉基地县和产棉大县。有国家级文物保护单位13处，以城头山、彭头山、鸡叫城、八十垱、十里岗、丁家岗为核心的澧阳平原史前文化遗址群已由国家向联合国申请世界文化遗产，其中城头山古文化遗址发现了中国最早的、距今6000年的古城址、古祭坛和古稻田。2015年被列为第二批国家新型城镇化综合试点地区。
第一批国家农业可持续发展试验示范区。 2019年12月31日，入选全国农村创新创业典型县。
css的使用在开发中是很常见的，选项卡的切换也是如此。关于如何简单利用css制作选项卡切换，小编在这里给大家具体讲解一下。
首先，打开Notepad++工具，新建一个html文件。
上面写上html文件的标准框架即可。
此处不做图片注释说明。
接着，因为要创建选项卡切换，所以，你可以在html文件中写上两个选项卡，在这里，我写了两个div选项卡，你可以根据自己的需求来写（三个，或者更多）。
这是附录的代码图片
注意：div的id要写上，因为后面是根据id来处理选项卡的切换的。
保存后，双击html页面，你可以看到如下的效果。
一个红色的框框中包含了两个选项卡，没有选中状态，也没有未选中状态。
写完上面的内容后，我们需要设置一下选项卡被选中后要显示的效果。
在这里，我简单处理了，选中后的效果为：背景色为黄色，字体加粗，加上黑色边框。
下面附录的图片是css样式的写法。
有了css样式，我们是不是需要给选项卡所在的div增加一个点击事件，这样才可以知道到底是哪个选项卡被点击了。
这里，我给刚刚的id名称为tab1和tab2的div中增加了一个点击事件，点击后会调用函数changeTab(type)。
代码详见下面给出的图片。
接下来，我们需要给函数来添加内容了，为了简单实现选项卡的切换，我在这里的处理是给选中的div增加选中的css样式属性，未选中的则移除选中的css样式属性。
具体代码请参考下面给出的图片内容。
（如果你选项卡多于2个，也可以参考这个写法进行处理）
接着，我们需要给一个默认选项卡的选中事件。
所以，小编在body标签中添加了一个函数调用，默认是第一个选项卡被选中。
代码参考图片内容。
点击保存，双击运行html页面，你可以在浏览器中看到如下效果。
图片内容分别为选中后的效果。
最后，给大家附上全部的代码内容，供给大家参考。
css样式处理不算很美观，大家可以自行更改，选项卡数量也可以根据自己的需求进行增加。
7 月 31 日消息 今天下午，市场监管总局官方发文，称对瑞幸咖啡（中国）有限公司、瑞幸 咖啡（北京）有限公司等涉嫌不正当竞争立案调查。
市场监管总局对瑞幸咖啡(中国)有限公司等涉嫌不正当竞争立案调查
市场监管总局原文：
今年 4 月，瑞幸咖啡 “自曝”财务造假，市场监管总局迅速成立专案组，对瑞幸咖啡涉嫌虚假交易等不正当竞争行为开展调查。调查显示，瑞幸咖啡（中国）有限公司、瑞幸咖啡（北京）有限公司为获取竞争优势，存在通过虚假交易等方式制作虚假业绩并对外宣传的不正当竞争行为，相关第三方公司存在帮助虚假宣传的不正当竞争行为。
市场监管总局及地方市场监管部门依据《反不正当竞争法》的有关规定，正在对瑞幸咖啡（中国）有限公司、瑞幸咖啡（北京）有限公司，及相关第三方公司的违法行为进行处置，维护公平竞争市场秩序，保护经营者、消费者的合法权益。
财政部网站今天发文，称自 2019 年 4 月起至 2019 年末，瑞幸咖啡公司通过虚构商品券业务增加交易额 22.46 亿元（人民币，下同），虚增收入 21.19 亿元（占对外披露收入 51.5 亿元的 41.16%），虚增成本费用 12.11 亿元，虚增利润 9.08 亿元。下一步，财政部将依法对瑞幸咖啡境内主要运营主体财务造假问题给予行政处罚，及时向社会公开处理处罚结果。
澧县百度爱采购网站推广电话、澧县百度爱采购广告收费标准多少钱、澧县百度爱采购代理服务商找哪家好、澧县百度爱采购会员费一年需要多少钱、澧县百度爱采购商家服务如何推广【澧县百度爱采购广告推广咨询服务】
