选项卡滑动效果导航菜单-网页编程网

当前位置：主页 >> 网页特效 >> 正文

选项卡滑动效果导航菜单

阅读：4237 输入：2016-10-31 10:14:09

<SCRIPT>

</script><p><table border="0" width="370" bgcolor="black" cellpadding="3" cellspacing="0" align="center">
<tr><td>
<table border="0" width="370" cellpadding="0" cellspacing="0">
<tr><td>
<table border="0" width="160" bgcolor="#F88530" cellpadding="8" cellspacing="0">
<tr>
  <td onclick="window.location='#'" onmouseover="bgColor='#FF9900'; show_text(0,'div1')" onmouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>网站首页</b></font></td>
</tr>
<tr>
  <td onclick="window.location='#'" onMouseover="bgColor='#D1FD80'; show_text(1,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>网站首页</b></font></td>
</tr>
<tr>
  <td onclick="window.location='#'" onMouseover="bgColor='#FDB9FD'; show_text(2,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>网站首页</b></font></td>
</tr>
<tr>
  <td onclick="window.location='#'" onMouseover="bgColor='#FFFF5E'; show_text(3,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>网站首页</b></font></td>
</tr>
<tr>
  <td onclick="window.location='#'" onMouseover="bgColor='#C2D7FC'; show_text(4,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>网站首页</b></font></td>
</tr>
</table>
</td>
<td>
<span id="div1"><table border="0" width="210" height="185" bgcolor="#F88530" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>鼠标移到各类目上看效果</b></font></td></tr></table></span>
</td>
</tr>
</table>
</td>
</tr>
</table>

上一篇：javascript控制图片或div层的上下移动滚动效果
下一篇：js实现图片360度旋转效果

相关阅读: jQuery实现表单动态添加与删除数据的操作; js+css实现的简单折叠展开多级菜单效果; 纯css实现tab选项卡切换特效