Javascript之spry菜单栏

Posted 2020-07-22 冷的锋刃

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript之spry菜单栏相关的知识，希望对你有一定的参考价值。

我没有添加任何东西，这是Dreamweaver原汁原味用spry创建的菜单栏，以此来学习菜单导航，哈哈。

<!DOCTYPE <a href="https://it.cha138.com/html/" target="_blank"><strong class="keylink">html</strong></a> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title><a href="https://it.cha138.com/javascript/" target="_blank"><strong class="keylink">javascript</strong></a>之spry菜单栏</title> <script src="http://files.cnblogs.com/files/caidupingblogs/SpryMenuBar.js" type="text/javascript"></script> <link href="http://files.cnblogs.com/files/caidupingblogs/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">项目 1</a> <ul> <li><a href="#">项目 1.1</a></li> <li><a href="#">项目 1.2</a></li> <li><a href="#">项目 1.3</a></li> </ul> </li> <li><a href="#">项目 2</a></li> <li><a class="MenuBarItemSubmenu" href="#">项目 3</a> <ul> <li><a class="MenuBarItemSubmenu" href="#">项目 3.1</a> <ul> <li><a href="#">项目 3.1.1</a></li> <li><a href="#">项目 3.1.2</a></li> </ul> </li> <li><a href="#">项目 3.2</a></li> <li><a href="#">项目 3.3</a></li> </ul> </li> <li><a href="#">项目 4</a></li> </ul> <script type="text/javascript">  </script> </body>

以上是关于Javascript之spry菜单栏的主要内容，如果未能解决你的问题，请参考以下文章

使用SPRY框架，提升Web开发效率

JavaScript+css+html之菜单栏切换

qtcreator 菜单栏没有

简年1：Android侧滑菜单栏是怎么实现的

您如何为用于 jquery 编码的菜单栏正确编写 CSS 代码？

Layui（三）：导航菜单、选项卡、进度条和面板