一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

javascript 滑动式折叠菜单实现代码

时间:2011-12-01 编辑:简简单单 来源:一聚教程网

先看看效果,

这很像后台的操作吧,好了下面我们来看实例方法

js代码如下

 代码如下 复制代码

好了,现在来看调用这个折叠菜单方法了

 代码如下 复制代码

var myMenu = new SDMenu("main_menu"); // 菜单ID www.111com.net
 
// 默认参数
myMenu.speed = 3;                     // 折叠速度
myMenu.remember = true;               // 是否记录状态
myMenu.oneSmOnly = false;             // 一次只有一个菜单打开
myMenu.markCurrent = true;            // 是否高亮当前菜单
 
myMenu.init();
 
// 附加方法
var firstSubmenu = myMenu.submenus[0];
myMenu.expandMenu(firstSubmenu);      // 打开一个菜单
myMenu.collapseMenu(firstSubmenu);    // 关闭一个菜单
myMenu.toggleMenu(firstSubmenu);      // 当菜单关闭时打开,当菜单打开时关闭
 
myMenu.expandAll();                   // 打开所有菜单
myMenu.collapseAll();                 // 关闭所有菜单

这么简单哦,哈哈萨克,喜欢的参考一下吧。

热门栏目