Home > WordPress > JavaScript打造多级下拉菜单
2009October . 23rd

JavaScript打造多级下拉菜单

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

1
2
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 下无效,但并不影响下拉效果。

Source Code Download:

源码在此下载

推荐到豆瓣
  1. 2009October . 24th - 12:36 AM

    呵呵,先抢个沙发,坐着慢慢看~~

  2. 2009October . 24th - 8:48 AM

    我以前用JQuery做过类似的,感觉用JQuery做很简单,两句代码就搞定了。

  3. 2009October . 24th - 9:12 AM

    不错!可以帮助手动实现这些效果。

  4. 2009October . 24th - 10:02 AM

    这样的菜单有点炫

  5. 2009October . 24th - 10:31 AM

    @先看看
    要的就是这效果

  6. 2009October . 25th - 11:36 AM

    这个我将来要用到,可以给分类做细化。
    例如像你之前的主题,两行菜单,然后做分级。

  7. 2009October . 25th - 12:34 PM

    @keelii
    但是用jQuery的话需要加载一个巨大的库
    @先看看
    你可以去掉特效的,特效在Chrome、Opera和Safari都无法实现
    @LAONB
    期待你的改版

Subscriber selector

Close