DIV下拉式菜单（二）
时间：2007-02-17 来源：PHP爱好者
你可以把这段程序放在<head></head>标识之间，或是网页的任意位置。
接下来，我们还要定义我们的实际菜单项了，这里我们要给每一个菜单项加上一个鼠标的移动事件(OnMouseOver)句柄，并且让这个事件调用我们上面定义的Show函数。也就是说，当鼠标一进入我们的菜单项中，我们的show函数就开始执行了。这里，我们还要给我们的每个菜单项定义一个ID号，并且把其下拉菜单列的ID名传入Show函数中，这对我们控制下拉菜单列很关键，下面我给出了菜单项的HTML语法描述：
<table border=0>
<tr>
<td ID="d1" onmouseover="show(this,ds1);" class="menu">杂志技术站点</td>
<td ID="d2" onmouseover="show(this,ds2);" class="menu">门户站点</td>
<td ID="d3" onmouseover="show(this,ds3);" class="menu">个人收藏站点</td>
</tr>
</table>
最后，我们要定义我们的下拉菜单列了。每一个下拉菜单列，我们都要赋予其Submenu的CSS属性，和一个ID名字好让我们的Show函数控制它，最后，我们让他的默认显示方式为none，也就是让它不显示。这是给它的Display样式赋值“none”来实现的。下面，我给出了下拉菜单列的HTML语法描述：
<DIV ID="ds1" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:www.yesky.com">天极网 Yesky.com</A>
<BR><A HREF="http:www.cbinews.com">电脑商情报</A>
<BR><A HREF="http:www.newsoft.com.cn">新潮电子</A>
<BR>
</DIV>
<DIV ID="ds2" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:www.sina.com.cn">新浪网 Sina</A>
<BR><A HREF="http:www.sohu.com.cn">搜狐 Sohu</A>
<BR><A HREF="http:www.163.com">网易 Netease</A>
<BR>
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:haoel.yeah.net">耗子网络编程站</A>
<BR><A HREF="http:www.5460.net">中国同学录</A>
<BR><A HREF="http:www.csdn.net">中国软件开发网</A>
<BR>
</DIV>
这就是全部的过程了，有了以上四个步骤，你一定可以看见一个菜单了，把它放在你的网页上吧，一定会很漂亮的。当然，你也可以自己试着改变一下菜单的属性，让它更像一个菜单。
php爱 好者站 http://www.ｐｈｐｆａｎｓ.net 文章|教程|下载|源码|论坛.
接下来，我们还要定义我们的实际菜单项了，这里我们要给每一个菜单项加上一个鼠标的移动事件(OnMouseOver)句柄，并且让这个事件调用我们上面定义的Show函数。也就是说，当鼠标一进入我们的菜单项中，我们的show函数就开始执行了。这里，我们还要给我们的每个菜单项定义一个ID号，并且把其下拉菜单列的ID名传入Show函数中，这对我们控制下拉菜单列很关键，下面我给出了菜单项的HTML语法描述：
<table border=0>
<tr>
<td ID="d1" onmouseover="show(this,ds1);" class="menu">杂志技术站点</td>
<td ID="d2" onmouseover="show(this,ds2);" class="menu">门户站点</td>
<td ID="d3" onmouseover="show(this,ds3);" class="menu">个人收藏站点</td>
</tr>
</table>
最后，我们要定义我们的下拉菜单列了。每一个下拉菜单列，我们都要赋予其Submenu的CSS属性，和一个ID名字好让我们的Show函数控制它，最后，我们让他的默认显示方式为none，也就是让它不显示。这是给它的Display样式赋值“none”来实现的。下面，我给出了下拉菜单列的HTML语法描述：
<DIV ID="ds1" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:www.yesky.com">天极网 Yesky.com</A>
<BR><A HREF="http:www.cbinews.com">电脑商情报</A>
<BR><A HREF="http:www.newsoft.com.cn">新潮电子</A>
<BR>
</DIV>
<DIV ID="ds2" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:www.sina.com.cn">新浪网 Sina</A>
<BR><A HREF="http:www.sohu.com.cn">搜狐 Sohu</A>
<BR><A HREF="http:www.163.com">网易 Netease</A>
<BR>
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:haoel.yeah.net">耗子网络编程站</A>
<BR><A HREF="http:www.5460.net">中国同学录</A>
<BR><A HREF="http:www.csdn.net">中国软件开发网</A>
<BR>
</DIV>
这就是全部的过程了，有了以上四个步骤，你一定可以看见一个菜单了，把它放在你的网页上吧，一定会很漂亮的。当然，你也可以自己试着改变一下菜单的属性，让它更像一个菜单。
php爱 好者站 http://www.ｐｈｐｆａｎｓ.net 文章|教程|下载|源码|论坛.
相关阅读 更多 +
