一款多浏览器兼容的javascript多级下拉菜单

最新推荐文章于 2025-12-22 21:38:10 发布

转载最新推荐文章于 2025-12-22 21:38:10 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xuezhizhang/p/3178347.html

文章标签：

#javascript #php #ViewUI

介绍一款轻量级的多级下拉菜单脚本，大小不到2K，支持动画效果及多个实例，兼容WordPress系统的wp_list_cats和wp_list_pages生成的多级列表。已在多种浏览器中测试。

这个多级下拉菜单的脚本大小不到2K，带有动画效果，可以方便地支持多个实例，并且能良好兼容WordPress系统wp_list_cats和wp_list_pages生成的多级列表。
要初始化一个菜单，只需要以下代码：

    var menu=new menu.dd("menu");
    menu.init("menu","menuhover");

你必须在菜单初始化之前创建一个菜单实例。脚本里的menu.dd是菜单的实例名，函数object.init采用了两个参数：菜单的无序列表ID和最初排序的列名（可选）。如果你不想进行排序，可以添加class=“nosort”到适当的表头。菜单的样式完全由CSS定义。
此弹出菜单已经在Firefox 2/3，IE 6/7/8，Opera，Safari 和 Chrome 上测试通过。但需要注意的是，菜单动画在在Firefox 2 和Opera 下无效，但并不影响下拉效果。

下载：http://files.cnblogs.com/xuezhizhang/dropdown-menu.zip

参考：http://blog.imbolo.com/javascript-dropdown-menu-with-multi-levels/

http://www.scriptiny.com/2008/11/drop-down-menu/

转载于:https://www.cnblogs.com/xuezhizhang/p/3178347.html