选项卡效果脚本

[日期：2007-08-22]

来源：作者：

[字体：大中小]

目前网上用的很多的选项卡效果，点击下边代码查看效果
你可以在iwms结合TopList函数与ImgTopList函数实现多种效果
要实现鼠标感应切换把代码中onclick换为onmouseover

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script language="JavaScript">
function tabit(id,cid) {
tabwoman.className="taboff";tabman.className="taboff";tabsport.className="taboff";tableisure.className="taboff";tabshoes.className="taboff";tabdecor.className="taboff";id.className="tabon";
cwoman.style.display="none";cman.style.display="none";csport.style.display="none";cleisure.style.display="none";cshoes.style.display="none";cdecor.style.display="none";cid.style.display="block";
//winname=cid;
}

function showall() {
tabwoman.className="tabon";tabman.className="tabon";tabsport.className="tabon";tableisure.className="tabon";tabshoes.className="tabon";tabdecor.className="tabon";
cwoman.style.display="block";cman.style.display="block";csport.style.display="block";cleisure.style.display="block";cshoes.style.display="block";cdecor.style.display="block";
}
</script>
<style>
td {
font-family: "Verdana";
font-size: 9pt;
padding:3px;
}

.tabon {
background-color: #ffffff;
border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;
color: #DB5B6F;
font-weight: bold;
}

.taboff {
background-color: #f5f5f5;
border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;
color: #666666;
font-weight: bold;
}

.tdbody {
border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;
line-height:50px;
background-color: #ffffff;
}

.tdbody2 {
border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;
line-height:50px;
background-color: #ffffff;
}
</style>
</head>

阅读：次
录入：木鸟

【推荐】【打印】

上一篇：获取真实页面,窗口高度与宽度函数
下一篇：IE和Firefox的js兼容性整理