很简单的菜单

稿源：互联网 2022-04-07 23:08:43 点击： 1292 撤稿纠错

很简单很常用的菜单，可以自己修改成自己喜欢的样式特效，功能也可以修改。

以下讨论的是和菜单特效相关的很简单的菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<script>
function show(c_Str)
{if(document.all(c_Str).style.display=='none')
{document.all(c_Str).style.display='block';}
else{document.all(c_Str).style.display='none';}}
function high(){
if (event.srcElement.className=="k"){
event.srcElement.style.background="336699"
event.srcElement.style.color="white"
}
}
function low(){
if (event.srcElement.className=="k"){
event.srcElement.style.background="99CCFF"
event.srcElement.style.color=""
}
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>导航栏－阿里西西WEB开发www.alixixi.com</title>
<style>td           { cursor: hand; font-family: Tahoma; background-color: #336699; color: #99CCFF; 
               font-size: 10pt }
li           { color: #FF0000; font-family: Tahoma; background-color: #99CCFF; font-size: 9pt}
.up{ background-color: #3A6EA5; border-left: 1 solid #A6C1DF;border-right: 1 solid #002200; border-top: 1 solid #A6C1DF; border-bottom: 1 solid #002200 }
</style>
</head>

<div align="left">
  <table border="0" width="48" cellspacing="0" cellpadding="0">
    <tr>
      <td><div class=up onclick=show("a0")>+01-10</div><div onmouseover=high() onmouseout=low()  id=a0 style="display:none">
<li class=k>01</li>
<li class=k>02</li>
<li class=k>03</li>
<li class=k>04</li>
<li class=k>04</li>
<li class=k>05</li>
<li class=k>06</li>
<li class=k>07</li>
<li class=k>08</li>
<li class=k>09</li>
<li class=k>10</li>
      </div></td>
    </tr>
    <tr>
      <td><div class=up onclick=show("a1")>+11-20</div><div onmouseover=high() onmouseout=low()  id=a1 style="display:none">
<li class=k>11</li>
<li class=k>12</li>
<li class=k>13</li>
<li class=k>14</li>
<li class=k>15</li>
<li class=k>16</li>
<li class=k>17</li>
<li class=k>18</li>
<li class=k>19</li>
<li class=k>20</li>
      </div></td>
    </tr>
  </table>
</div>
</body>
</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于很简单的菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080907313.shtml方便下次再访问哦。

·上一篇： 有下拉菜单的复选
·下一篇： 能拖动菜单

很简单的菜单

文章分类LIST >>返回首页

最新游戏

最新新闻