怎么用html+css+jquery做选项卡

本篇内容主要讲解“怎么用html+css+jquery做选项卡”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么用html+css+jquery做选项卡”吧!
　　-//W3C//DTDXHTML1.0Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
　　
　　
　　
　　
　　 　　body{
　　margin:0px;
　　padding:0px;
　　}
　　#main{
　　width:310px;
　　border:1pxsolid#C8C8CC;
　　margin-left:auto;
　　margin-right
　　:auto;
　　margin-top:50px;
　　}
　　.main_title{
　　width:310px;
　　border-bottom:1pxsolid#C8C8CC;
　　height:30px;
　　}
　　#maindiv.chang{
　　border:1pxsolid#C8C8CC;
　　float:left;
　　width:153px;
　　height:26px;
　　text-align:center;
　　padding-top
　　:4px;
　　cursor:pointer;
　　}
　　.main_head{
　　width:310px;
　　height:25px;
　　background-color
　　:#FFF4F8;
　　}
　　.main_headfont{
　　font-size:13px;
　　color:#808080;
　　margin-top:5px;
　　}
　　.main_content{
　　width:310px;
　　border-top:1pxsolid#808080;
　　}
　　.main_contentul{
　　margin-left:-30px;
　　margin-top:5px;
　　width:290px;
　　}
　　.main_contentulli{
　　list-style-type
　　:none;
　　font-size:13px;
　　color:#2464B2;
　　border-bottom:1pxdotted#808080;
　　line-height:27px;
　　}
　　.main_contentullia{
　　font-size:13px;
　　color:#2464B2;
　　text-decoration
　　:none;
　　}
　　.main_contentullia:hover{
　　text-decoration:underline;
　　}
　　#maindivul.main_content_chang{
　　width:290px;
　　position:relative;
　　z-index:100;
　　top:0px;
　　left:0px;
　　display:block;
　　}
　　#maindivul{
　　position:relative;
　　display:none;
　　}
　　
　　
　　
　　$(function(){
　　$(“.chang”).each(function(index){
　　$(this).click(function(){
　　$(this).css(“background-color”,”#E02D29″);
　　$(this).siblings(“div”).css(“background-color”,”#fff”);
　　$(“#maindivul”).removeClass(“main_content_chang”);
　　$(“.main_contentul:eq(“+index+”)”).show().免费云主机域名siblings(“ul”).hide();
　　})
　　})
　　})
　　
　　
　　
　　 　　 　　实时热点

相关推荐: java开源区块链初始化怎么搭建jdchain服务

这篇文章主要介绍“java开源区块链初始化怎么搭建jdchain服务”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“java开源区块链初始化怎么搭建jdchain服务”文章能帮助大家解决问题。搭建区块链服务第一步就是初始…