一些實用的TAB效果第1/2頁

2024-09-06 12:44:35

字體：大中小

來源：轉載

供稿：網友

<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;}             </SPAN>
</div>
</div>
<div   id="mscmwew"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="w6oq26s"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/09-06/1562236.html'>非常不錯的一個javascript 類</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/09-06/1562238.html'>腳本和web頁共用同一個文件測試</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="qe4sqsg"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學習交流