博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
Mysql的主从复制和级联
查看>>
django web指定中文字符集
查看>>
Thinkphp3.2.3 No input file specified 的解决方法
查看>>
LAMP×××
查看>>
动态加载jar并执行其内方法
查看>>
51CTO博主喜获阿里云开发者大赛二等奖
查看>>
445利用方法
查看>>
centos下lamp源码安装
查看>>
SAX解析XML文件
查看>>
IE8 设置独立session的方法
查看>>
【总结】Netty(RPC高性能之道)原理剖析
查看>>
BackTrack5(BT5)安装教程及BT5支持网卡列表
查看>>
nginx expires 配置详解
查看>>
自动化运维工具Ansible之Python API
查看>>
3、单机运行环境搭建之 --CentOS-6.5安装配置Tengine
查看>>
第三章 基本的操作符
查看>>
Android之IphoneTreeView带组指示器的ExpandableListView
查看>>
java 双引号包含双引号
查看>>
AngulatJS多个控制器内数据共享
查看>>
Uninstall all those broken versions of MySQL and re-install it with Brew on Mac Mavericks
查看>>