导航菜单特效 (突出的接钮似效果) QQCAT--IT技术

导航菜单特效 (突出的接钮似效果)

[ 来自:不祥作者:网络收集阅读:0 时间:2008-1-25 19:41:31 ]

<!--要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中-->

<table cellpadding="0" cellspacing="0" width="100">
<tr>
<td align="center">

<table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff">
        <tr bgcolor="#999999"> 
          <td> 
            <div align="center"><font color="#FEDCBA" size="2" face="Arial">主菜单</font></div>
          </td>
</tr>
</table>



<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Visit the JavaScript Source')" onMouseout="boxOff(this)">
        <tr bgcolor="#999999"> 
          <td> 
            <div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="link.htm" target="_blank">分类一</a></font> 
            </div>
          </td>
</tr>
</table>  

<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Description 2')" onMouseout="boxOff(this)">
        <tr bgcolor="#999999"> 
          <td> 
            <div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.jojoo.net/" target="_blank">分类二</a></font> 
            </div>
          </td>
</tr>
</table>

<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Description 3')" onMouseout="boxOff(this)">  
        <tr bgcolor="#999999"> 
          <td> 
            <div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://www.jojoo.net/bb/" target="_blank">分类三</a></font></div>
          </td>
</tr>
</table>

<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Description 4')" onMouseout="boxOff(this)">  
        <tr bgcolor="#999999"> 
          <td> 
            <div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://www.jojoo.net/ts/" target="_blank">分类四</a></font></div>
          </td>
</tr>
</table>



<table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90">
        <tr bgcolor="#999999"> 
          <td>  
            <table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100">
              <tr bgcolor="#999999"> 
                <td align="left" valign="top"> <font id="Message" color="#CBA987" size="2" face="Arial">Move 
                  your mouse over the menu items.</font> </td>
</tr>
</table>
</td>
</tr>
</table>

</td>
</tr>
</table>

当前位置：首页 >> IT技术 >> JS特效 >> 导航菜单特效 (突出的接钮似效果)