純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 id="iwvjtn8m0"    class="daohang">網站首頁<span>Home</span></li>                <li id="iwvjtn8m0"    class="daohang">公司簡介<span>Company</span></li>                <li id="iwvjtn8m0"    class="daohang">公司產品<span>Products</span></li>                <li id="iwvjtn8m0"    class="daohang">客戶方案<span>Proposal</span></li>                <li id="iwvjtn8m0"    class="daohang">典型客戶<span>Clients</span></li>            </ul></td>          </tr>        </table>     </TD> </TABLE>

上一篇：仿Windows經典風格的選項卡Tab

下一篇：純CSS標準型下拉菜單