现在的位置: 首页 > 综合 > 正文

一个横向菜单

2013年12月03日 ⁄ 综合 ⁄ 共 3628字 ⁄ 字号 评论关闭

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
 margin-left: 0px;
 margin-top: 4px;
 margin-right: 0px;
 margin-bottom: 0px;
}
.xmfont {
 font-size: 12px;
 line-height: 18px;
 color: #000000;
 text-decoration: none;
}
.xmfont2 {
 font-size: 12px;
 line-height: 18px;
 color: #FFFFFF;
 text-decoration: none;
}
a.xmfont2:hover {
 font-size: 12px;
 line-height: 18px;
 color: #FFFFFF;
 text-decoration: underline;
}
-->
</style></head>
<SCRIPT>
<!--
var oldObj=null;

 

function myClick(obj){
if(oldObj!=null)oldObj.style.backgroundColor="#EFEFEF";
obj.style.backgroundColor="#005AAA";
obj.style.color='white';
obj.style.textDecoration='underline';
oldObj=obj;
}

-->

</SCRIPT>
<SCRIPT language=JavaScript>
<!--

function display_menu(menu_obj)
{
 var temp;
 menu_obj=document.all(menu_obj);
 temp = menu_obj.style.display;
 window.menu1.style.display = "none";
 window.menu2.style.display = "none";
 window.menu3.style.display = "none";
 window.menu4.style.display = "none";
 window.menu5.style.display = "none";

 menu_obj.style.display = "";
 
 }
//-->
</SCRIPT>
<body>
<table width="100%"  border="0" cellpadding="0" cellspacing="0" class="xmfont">
  <tr>
    <td valign="bottom"><table width="641"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="126" height="22" align="center" bgcolor="#EFEFEF" style="cursor: hand;"  onmouseover=myClick(this);display_menu('menu1') >中国</td>
        <td width="1" bgcolor="#999999"></td>
        <td width="1" bgcolor="#FFFFFF"></td>
        <td width="126" align="center" bgcolor="#EFEFEF" style="cursor: hand;"  onmouseover=myClick(this);display_menu('menu2') >美国</td>
        <td width="1" bgcolor="#999999"></td>
        <td width="1" bgcolor="#FFFFFF"></td>
        <td width="126" align="center" bgcolor="#EFEFEF" style="cursor: hand;"  onmouseover=myClick(this);display_menu('menu3') >德国</td>
        <td width="1" bgcolor="#999999"></td>
        <td width="1" bgcolor="#FFFFFF"></td>
        <td width="126" align="center" bgcolor="#EFEFEF" style="cursor: hand;"  onmouseover=myClick(this);display_menu('menu4')>英国</td>
        <td width="1" bgcolor="#999999"></td>
        <td width="1" bgcolor="#FFFFFF"></td>
        <td width="127" align="center" bgcolor="#EFEFEF" style="cursor: hand;"  onmouseover=myClick(this);display_menu('menu5') >法国</td>
        <td width="1" bgcolor="#999999"></td>
        <td width="1" bgcolor="#FFFFFF"></td>
      </tr>
    </table>
</td>
  </tr>
  <tr>
    <td valign="top" height="50" bgcolor="#005AAA" class="xmfont2">
 <DIV id=menu1 style="DISPLAY: none">
 <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="50" bgcolor="#005AAA"><a class="xmfont2" href="">见B西湖</a</td>
      </tr>
    </table>
 </DIV>
  <DIV id=menu2  style="DISPLAY: none">
 <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td bgcolor="#005AAA" height="50"><a class="xmfont2" href="">见B西湖</a></td>
      </tr>
    </table>
 </DIV>
  <DIV id=menu3 style="DISPLAY: none">
 <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td bgcolor="#005AAA" height="50"><a class="xmfont2" href="">dsfdddd见B西湖</a></td>
      </tr>
    </table>
 </DIV>
  <DIV id=menu4 style="DISPLAY: none">
 <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td bgcolor="#005AAA" height="50"><a class="xmfont2" href="">ds见B西湖ddddsherherherfsdfsd</a></td>
      </tr>
    </table>
 </DIV>
  <DIV id=menu5 style="DISPLAY: none">
 <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td bgcolor="#005AAA" height="50"><a class="xmfont2" href="">ddsfewegfertersfsdfsd</a></td>
      </tr>
    </table>
 </DIV>
</td>
  </tr>
</table>
</body>
</html> 

抱歉!评论已关闭.