js 滑动门（2个Title）

zw7534313

浏览: 1297381 次
性别:
来自: 北京

最近访客更多访客>>

dapeng1005

redhacker

朝明11

angel008

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

QQ 农业 CSS HTML

<!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(http://mat1.gtimg.com/finance/images/futures/20090702/bg03.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="http://mat1.gtimg.com/finance/images/futures/20090702/bg_yk3.gif" style="border-right:1px solid #b0cae3;"><div class="on" onmouseover="tabs_z('fod3','fod3list',0,'div','table')">专家1</div></td>
                <td width="124" background="http://mat1.gtimg.com/finance/images/futures/20090702/bg_yk3.gif"><div onmouseover="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="http://finance.qq.com/l/forex/analysis/plzq/zhuanjia/tyl/index.htm" target="_blank">谭雅玲</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/zhuanjia/zhuqi/index.htm" target="_blank">朱　琪</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/zhuanjia/thl/index.htm" target="_blank">田洪良</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/zhuanjia/guoxs/index.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="http://finance.qq.com/l/forex/analysis/plzq/zhuanjia/lijun/index.htm" target="_blank">李　骏</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/zhuanjia/hzc/index.htm" target="_blank">何志成</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/zhuanjia/jkc/index.htm" target="_blank">姜柯淳</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/zhuanjia/hdb/index.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="http://finance.qq.com/l/forex/analysis/plzq/jgtj/zsyh/index.htm" target="_blank">招商银行</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/jgtj/zhonghang/index.htm" target="_blank">中国银行</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/jgtj/nyyh/index.htm" target="_blank">农业银行</a></div></td>
                        </tr>
                        <tr>
                          <td height="10"></td>
                          <td></td>
                          <td></td>
                        </tr>
                        <tr>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/jgtj/zhongxin/index.htm" target="_blank">中信银行</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/jgtj/huanya/index.htm" target="_blank">环亚策略</a></div></td>
                          <td><div align="center"><a href="http://finance.qq.com/l/forex/analysis/plzq/jgtj/cnforex/index.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>

分享到：

图片缓存 image | 代课教师

2010-01-22 13:11
浏览 955
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论