滑动门（2个Title）"/>
js 滑动门（2个Title）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
/*基本设置*/
BODY{margin:0;padding:0;font-size:12px;color:#333;font-family:"宋体";background-color:#fff;}
div,ul,li,form,dl,dt,dd,p,h1,h2,input,select{margin:0;padding:0}
ul,li{list-style:none;}
img{border:none;}
input,select{font-size:12px;font-family:"宋体"}
a{color:#333;text-decoration:none;}
a:hover{color:#C00;text-decoration:underline;}
.dis{display:block;}
.title1{background:url(.gif) no-repeat;line-height:30px;padding-left:28px;font-size:14px;font-weight:bold;;padding-right:10px;}
.title1 a{float:right;font-size:12px;font-weight:normal;color:#09579D;}
.title1 a:hover{color:#C00;}
#fod3 div{float:left; text-align:center; color:#045AA7; width:123px; height:27px; line-height:26px; cursor:pointer;}
#fod3 .on{background:#f8fafd; font-weight:bold;}
.undis{display:none;}
.l22{line-height:22px;}
.atitle1 a{float:right;font-size:12px;font-weight:normal;color:#CB0003;}
/*边框*/
.Border{border:1px solid #BCD4ED;}
</style>
<script>
function tabs_z(o,o2,n,nm,cm){
var m_n = document.getElementById(o).getElementsByTagName(nm);
var c_n = document.getElementById(o2).getElementsByTagName(cm);
for(i=0;i<m_n.length;i++){
m_n[i].className=i==n?"on":"off";
c_n[i].className=i==n?"dis":"undis";
}
}
</script>
</HEAD>
<BODY>
<table width="250" border="0" cellspacing="0" cellpadding="0" class="Border">
<tr>
<td class="title1">汇评专栏</td>
</tr>
<tr>
<td height="118" valign="top" bgcolor="#f8fafd"><table width="248" border="0" cellspacing="0" cellpadding="0">
<tr id="fod3">
<td width="123" height="27" background=".gif" style="border-right:1px solid #b0cae3;"><div class="on" οnmοuseοver="tabs_z('fod3','fod3list',0,'div','table')">专家1</div></td>
<td width="124" background=".gif"><div οnmοuseοver="tabs_z('fod3','fod3list',1,'div','table')">机构2</div></td>
</tr>
</table>
<div id="fod3list">
<table width="220" border="0" align="center" cellpadding="0" cellspacing="0" class="dis">
<tr>
<td class="l22" style="padding-top:20px;">
<tr>
<td height="10"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><div align="center"><a href=".htm" target="_blank">谭雅玲</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">朱 琪</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">田洪良</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">郭相山</a></div></td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><div align="center"><a href=".htm" target="_blank">李 骏</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">何志成</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">姜柯淳</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">何德彬</a></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
</td>
</tr>
</table>
<table width="220" border="0" align="center" cellpadding="0" cellspacing="0" class="undis">
<tr>
<td class="l22" style="padding-top:20px;">
<tr>
<td height="10"></td>
<td></td>
<td></td>
</tr>
<tr>
<td><div align="center"><a href=".htm" target="_blank">招商银行</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">中国银行</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">农业银行</a></div></td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td></td>
</tr>
<tr>
<td><div align="center"><a href=".htm" target="_blank">中信银行</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">环亚策略</a></div></td>
<td><div align="center"><a href=".htm" target="_blank">环球外汇网</a></div></td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
</td>
</tr>
</table>
</div></td>
</tr>
</table>
</BODY>
</HTML>
更多推荐
js 滑动门（2个Title）
发布评论