演示地址:暂未开放,请前往在线代码测试网 HTML代码如下:固定格式在这里就省略了
CSS代码如下:
/*网点、取件、咨询信息*/.titTabs { width: auto; margin: 0 auto; margin-top: 5px}.titTabs .titTab { height: 37px; font-size: 14px; border-bottom: 1px #e1e1e1 solid}.titTabs .titTab li { float: left; height: 36px; line-height: 36px; padding: 0 25px; margin-right: 5px; background: #f0f0f0; border-top: 1px #e1e1e1 solid; border-left: 1px #e1e1e1 solid; border-right: 1px #e1e1e1 solid;}.titTabs .titTab li:hover { height: 37px; background: #f0f0f0; color: #fff; cursor: pointer}.titTabs .active { height: 37px !important; background: #f18200 !important; color: #fff}.titTabs .titInfo { background: #fff; border-bottom: 1px #e1e1e1 solid; border-left: 1px #e1e1e1 solid; border-right: 1px #e1e1e1 solid;}.titTabs .titInfo div { display: none}.titTabs .titInfo th,.titTabs .titInfo td { border-bottom: 1px solid #ddd; padding-left: 20px}.titTabs .titInfo .on { display: block}.tit01,.tit02,.tit03 { font-size: 12px; color: #000;}.tit01 li,.tit02 li,.tit03 li { line-height: 36px;}$(document).ready(function(e) { $(".titTab li").click(function(){ $(".titTab li").eq($(this).index()).addClass("active").siblings().removeClass("active"); $(".titInfo div").hide().eq($(this).index()).show(); });});新闻热点
疑难解答