博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS打造可折叠展开的导航菜单(Slashdot Menu)
阅读量:7040 次
发布时间:2019-06-28

本文共 2210 字,大约阅读时间需要 7 分钟。

代码简介:

JS打造可折叠展开的导航菜单(Slashdot Menu)。Slashdot Menu 是从Slashdot 上发现的一个别具特色的可折叠式效果的导航菜单,可使用不同的方式配置,如哪些子菜单默认情况下是展开的,是否使用Cookies ,以及菜单展开、折叠的速度等。非常酷!

代码内容:

  JS打造可折叠展开的导航菜单(Slashdot Menu)_网页代码站(www.webdm.cn)			        
Menu actions
   
   
   
var myMenu = new SDMenu("main_menu"); // ID of the menu element// Default values...myMenu.speed = 3;                     // Menu sliding speed (1 - 5 recomended)myMenu.remember = true;               // Store menu states (expanded or collapsed) in cookie and restore latermyMenu.oneSmOnly = false;             // One expanded submenu at a timemyMenu.markCurrent = true;            // Mark current link / page (link.href == location.href)myMenu.init();// Additional methods...var firstSubmenu = myMenu.submenus[0];myMenu.expandMenu(firstSubmenu);      // Expand a submenumyMenu.collapseMenu(firstSubmenu);    // Collapse a menumyMenu.toggleMenu(firstSubmenu);      // Expand if collapsed and collapse if expandedmyMenu.expandAll();                   // Expand all submenusmyMenu.collapseAll();                 // Collapse all submenus      

 

网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!

代码来自:

转载于:https://www.cnblogs.com/webdm/archive/2011/06/15/2081191.html

你可能感兴趣的文章
git操作
查看>>
python开发时几种安全验证的实现
查看>>
MvnForum源码环境配置
查看>>
【Java并发编程的艺术】第二章读书笔记之原子操作
查看>>
JS设计模式-策略模式
查看>>
SegmentFault 社区访谈 | Linxz:只会写 CSS 不会写 JS 的“伪”前端
查看>>
log4net 普通文件、数据库日志
查看>>
算法学习——DP篇
查看>>
Springboot 之 引入Thymeleaf
查看>>
webpack学习笔记2 起步
查看>>
注解全解析
查看>>
map函数的使用技巧
查看>>
Laravel5.2 自定义类引入和命名空间问题
查看>>
express使用req对象获取HTTP请求的参数
查看>>
React小技巧: 使用Context跨组件树传递数据
查看>>
Objective-C设计模式解析-迭代器
查看>>
keepalived搭建zabbix server双机高可用
查看>>
怎样使用和设置.babelrc
查看>>
我的世界:一个村落(其二)
查看>>
Longest Increasing Path in a Matrix
查看>>