纯CSS制作双语导航条

2024-09-05 12:20:23

字体：大中小

来源：转载

供稿：网友

又一个纯CSS的双语导航菜单栏，巧妙的使用了span元素，再加上鼠标动作，一个类似提示的双语菜单就完成了。运行一下看看效果吧，简洁实用，修改方便。

<title>双语导航条</title><style type="text/css"></style><TABLE cellSpacing=0 cellPadding=0 width="760" align=center border=0 VALIGN="TOP">    <TR>      <TD>	    <table width="100%" height="28"  border="0" cellpadding="0" cellspacing="0" bgcolor="#7ec638">          <tr>            <td height="28"><ul id="nav">                <li class="daohang">网站首页<span>Home</span></li>                <li class="daohang">公司简介<span>Company</span></li>                <li class="daohang">公司产品<span>Products</span></li>                <li class="daohang">客户方案<span>Proposal</span></li>                <li class="daohang">典型客户<span>Clients</span></li>            </ul></td>          </tr>        </table>     </TD> </TABLE>

上一篇：仿Windows经典风格的选项卡Tab

下一篇：纯CSS标准型下拉菜单