一些实用的TAB效果第1/2页

<HTML><HEAD><TITLE>无标题文档</TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 
<STYLE TYPE="text/css"> 
a, a:link{text-decoration: none; color:#000000; font-size:9pt;}    a:visited{text-decoration: none; color:#000000;}    a:hover{text-decoration: underline; color:red;} 
BODY, TD, Select{FONT-SIZE:9pt; FONT-FAMILY:"宋体";} 
#TabStrip {width:500px;background-color:#66CCFF;padding:10px;} 
#TabStrip #TabCard{width:90%;margin:0px;list-style-type: none;} 
#TabStrip #TabCard LI { 
    float:left; 
    width:100px; 
    height:20px; 
    padding-top:4px; 
    border:1px #7d7d7d solid; 
    border-bottom:none; 
    background-color:#CCC; 
    text-align:center; 
    cursor:default; 
    position:relative; 
    margin:1px; 
}

#TabStrip #TabBody DIV{ 
    display:none; 
    border:1px #7d7d7d solid; 
    background-color:#FFF; 
    width:100%; 
    height:400px; 
    padding:5px; 
    margin-left:2px; 
} 
</STYLE> 
 
</HEAD>

<BODY onload="set_tab_card(0);" bgcolor="#FFFFFF" text="#000000" leftmargin="20" topmargin="20"> 
 
    <UL id="TabCard"> 
        <LI onclick="set_tab_card(this);">用户管理 
        <LI onclick="set_tab_card(this);">用户组管理 
        <LI onclick="set_tab_card(this);">用户组管理1 
     
     
        测丶式1 
        测丶式2 
        测丶式3 
     
 
</BODY> 
</HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<html> 
<head> 
<title>项目申报</title> 
<STYLE type="text/css"> 
body,td{ 
    font-size:12px; 
    color:#000000; 
    background-color:threedface; 
    vertical-align: middle; 
} 
.checkbox{width:12px;height:12px;} 
.cked{ 
    margin:0px;padding:0px;width:100%;display:block;background-color:highlight;color:highlighttext; 
} 
.nock{ 
    margin:0px;padding:0px;width:100%;display:block; 
} 
.tab    { 
            cursor:hand; 
            border-top:solid thin white; 
            border-right:solid thin gray; 
            border-left:solid thin threedface; 
            font-family:Verdana; 
            font-size:10pt; 
            text-align:center; 
            font-weight:normal}

.selTab    {    border-left:solid thin white; 
            border-top:solid thin white; 
            border-right:solid thin gray; 
            font-size:10pt; 
            font-weight:bold; 
            text-align:center} 
.td_no_bottom { 
            width:100%; 
            height:100%; 
            border-color:white; 
            border-bottom:0} 
.td_top_right { 
            width:100%; 
            height:100%; 
            border-color:white; 
            border-bottom:0; 
            border-left:0} 
.td_no_left { 
            width:100%; 
            height:100%; 
            border-color:white; 
            border-left:0} 
.td_all { 
            width:100%; 
            height:100%; 
            border-color:white} 
.title { 
            font-size:16px; 
            font-weight:bold;} 
 .tips { 
             background-color:transparent; 
            border:0; 
             color:#990000; 
            font-size:14px;} 
								 <div class="pagination"><a title="Page"> <b>1</b>/<b>2</b> </a>   <b>1</b> <a href="/cos/2019/0603/298815_2.shtml">2</a> <a href="/cos/2019/0603/298815_2.shtml">下一页</a> <a href="/cos/2019/0603/298815_2.shtml">尾页</a></div>
			 </div>
			</div>
			   </div>
		<div class="postMore">
				<div class="tab" id="tab">
    <span class="active">相关文章</span>
    <span>大家在看</span>
</div>
<div class="tabdiv">
    <div class="tabpane">
			<ul class="articleBar">
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097329.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg" src="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg"></div>
<div class="txtInfo"><h3>Node.js使用express写接口的具体代码</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097326.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/58/1097326.jpg" src="https://www.easck.com/d/file/ap/a4/58/1097326.jpg"></div>
<div class="txtInfo"><h3>TensorFlow.js实现AI换脸使用示例详解</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097270.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097269.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg" src="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097266.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097265.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/40/1097265.jpg" src="https://www.easck.com/d/file/ap/a4/40/1097265.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097264.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg"></div>
<div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097256.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg" src="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097254.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097253.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg"></div>
<div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
			</ul>
		</div>
	  </div>
    <div class="tabpane">
	<ul class="articleBar">
	<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097329.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg" src="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg"></div>
<div class="txtInfo"><h3>Node.js使用express写接口的具体代码</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097326.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/58/1097326.jpg" src="https://www.easck.com/d/file/ap/a4/58/1097326.jpg"></div>
<div class="txtInfo"><h3>TensorFlow.js实现AI换脸使用示例详解</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097270.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097269.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg" src="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097266.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097265.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/40/1097265.jpg" src="https://www.easck.com/d/file/ap/a4/40/1097265.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097264.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg"></div>
<div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097256.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg" src="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097254.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097253.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg"></div>
<div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
	</ul>
    </div>
</div>
        <footer>
<p><a href="https://www.easck.com">电脑版</a> - <a href="https://wap.easck.com">移动首页</a></p>
<div style="display:none"><script type="text/javascript" src="/skin/wap/tongji.js"></script></div>
        </footer> 
		<script type="application/ld+json">
{
	"@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld",
	"@id": "https://wap.easck.com/cos/2019/0603/298815.shtml",
	"title": "一些实用的TAB效果第1/2页-易采站长站",
	"description": "无标题文档 用户管理 用户组管理 用户组管理1 测丶式1 测丶式2 测丶式3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 项目申报 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 12下一页",
	"pubDate": "2019-06-03 T 17:03:23+08:00",
	"upDate": "2019-06-03 T 17:03:23+08:00",
        "data":{
            "WebPage":{
                 "pcUrl":"https://www.easck.com/cos/2019/0603/298815.shtml",
                 "wapUrl":"https://www.easck.com/cos/2019/0603/298815.shtml",
                 "fromSrc":"易采站长站"
             }
        }
}
</script>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
	</body>
</html>