分享一款网页选项卡切换特效，这款选项卡是鼠标经过是立即切换显示方式，也可根据自己需求改为点击切换方式。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<TITLE>实用网页选项卡切换特效代码_武鸣人</TITLE>
<STYLE type=text/css>BODY {
FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: 宋体
}
TD {
FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: 宋体
}
SELECT {
FONT-SIZE: 12px
}
INPUT {
FONT-SIZE: 12px
}
A:link {
COLOR: #3d362b
}
A:visited {
COLOR: #3d362b
}
A:hover {
COLOR: #f60
}
BODY #search {
CLEAR: both; WIDTH: 540px; HEIGHT: 50px
}
BODY #search #left {
FLOAT: left
}
BODY #search #searchleft {
PADDING-LEFT: 30px; FLOAT: left; PADDING-TOP: 12px; HEIGHT: 35px; TEXT-ALIGN: left
}
BODY #search #search_wuming_ren {
PADDING-LEFT: 30px; PADDING-TOP: 12px; HEIGHT: 35px; TEXT-ALIGN: left
}
FORM {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY #newsearch {
WIDTH: 540px; HEIGHT: 30px
}
BODY #newsearchtop {
WIDTH: 540px; HEIGHT: 25px; TEXT-ALIGN: right
}
BODY #newsearchtop LI {
FONT-SIZE: 12px; FLOAT: left
}
.www_wuming_ren_1 { BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 2px; BORDER-LEFT: #ccc 1px solid; WIDTH: 70px; CURSOR: hand; LINE-HEIGHT: 21px; BORDER-BOTTOM: #cc3300 1px solid; HEIGHT: 23px; TEXT-ALIGN: center; TEXT-DECORATION: underline}
.www_wuming_ren { BORDER-RIGHT: #cc3300 1px solid; BORDER-TOP: #cc3300 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #cc3300 1px solid; WIDTH: 70px; COLOR: #ffffff; PADDING-TOP: 5px; HEIGHT: 25px; BACKGROUND-COLOR: #ff7300; TEXT-ALIGN: center}
.www_wuming_ren A:visited {
COLOR: #ffffff; TEXT-DECORATION: none
}
.www_wuming_ren_1 A:hover {
background-color:#CCCCCC;WIDTH: 69px; TEXT-ALIGN: center
}
BODY #newsearchbottom {
BORDER-RIGHT: #cc3300 1px solid; BORDER-LEFT: #cc3300 1px solid; BORDER-BOTTOM: #cc3300 1px solid; POSITION: relative; HEIGHT: 50px; BACKGROUND-COLOR: #ff7300
}
BODY #newsearchbottom #e1 { Z-INDEX: 0; LEFT: 0px; VISIBILITY: visible; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e2 { Z-INDEX: 0; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e3 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e4 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e5 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e6 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e7 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
</STYLE>
<SCRIPT>
function click_wwwwumingren(o){
o.className="www_wuming_ren";
var j;
var id;
var e;
for(var i=1;i<=7;i++){
id ="v"+i;
j = document.getElementById(id);
e = document.getElementById("e"+i);
if(id != o.id){
j.className="www_wuming_ren_1";
e.style.visibility = "hidden";
}else{
e.style.visibility = "visible";
}
}
var id = o.id+"";
var dd=id.substring(1,2);
var curForm = document.getElementById("FormSearch"+dd);
var inputv ;
for(var i=1;i<=7;i++){
var otherForm = document.getElementById("FormSearch"+i);
}
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
function doOut(o){
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
</SCRIPT>
</HEAD>
<body>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<DIV id=search>
<DIV id=newsearch>
<DIV id=newsearchtop>
<UL>
<LI><DIV class=www_wuming_ren id=v1 onClick="javascript:click_wwwwumingren(this)"><A href="#">供应信息</A></DIV></LI>
<LI><DIV class=www_wuming_ren_1 id=v2 onClick="javascript:click_wwwwumingren(this)"><A href="#">求购信息</A></DIV></LI>
<LI><DIV class=www_wuming_ren_1 id=v3 onMouseOver="javascript:click_wwwwumingren(this)"><A href="#">产品目录</A></DIV></LI>
<LI><DIV class=www_wuming_ren_1 id=v4 onMouseOver="javascript:click_wwwwumingren(this)"><A href="#">公司库</A></DIV></LI>
<LI><DIV class=www_wuming_ren_1 id=v5 onMouseOver="javascript:click_wwwwumingren(this)"><A href="#">商业资讯</A></DIV></LI>
<LI><DIV class=www_wuming_ren_1 id=v6 onMouseOver="javascript:click_wwwwumingren(this)"><A href="#">商人论坛</A></DIV></LI>
<LI><DIV class=www_wuming_ren_1 id=v7 onMouseOver="javascript:click_wwwwumingren(this)"><A href="#">拍卖信息</A></DIV></LI>
</UL>
</DIV>
<DIV id=newsearchbottom>
<DIV id=e1><DIV id=left><DIV id=search_wuming_ren>搜索 供应信息</DIV></DIV></DIV>
<DIV id=e2><DIV id=left><DIV id=search_wuming_ren>请输入产品名关键字</DIV></DIV></DIV>
<DIV id=e3><DIV id=left><DIV id=search_wuming_ren>请输入产品名关键字</DIV></DIV></DIV>
<DIV id=e4><DIV id=left><DIV id=search_wuming_ren>请输入产品名或公司名关键字</DIV></DIV></DIV>
<DIV id=e5><DIV id=left><DIV id=search_wuming_ren>请输入关键字</DIV></DIV></DIV>
<DIV id=e6><DIV id=left><DIV id=search_wuming_ren>请输入关键字</DIV></DIV></DIV>
<DIV id=e7><DIV id=left><DIV id=search_wuming_ren>请输入拍卖关键字</DIV></DIV></DIV></DIV></DIV>
</DIV>
</body>
</html>