Javascript之spry菜单栏
2016-06-07 08:22
471 查看
我没有添加任何东西,这是Dreamweaver原汁原味用spry创建的菜单栏,以此来学习菜单导航,哈哈。
<!DOCTYPE html 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>Javascript之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">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"http://files.cnblogs.com/files/caidupingblogs/SpryMenuBarDownHover.gif", imgRight:"http://files.cnblogs.com/files/caidupingblogs/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
<!DOCTYPE html 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>Javascript之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">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"http://files.cnblogs.com/files/caidupingblogs/SpryMenuBarDownHover.gif", imgRight:"http://files.cnblogs.com/files/caidupingblogs/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
相关文章推荐
- JavaScript 精粹
- JSP页面获取action传递过来的值
- JavaScript之Loading进度条
- primefaces 实现保存主题,使主题应用于所有JSF页面
- js中document对象详解
- javascript 操作cookie
- jsp+javascript实现动态下拉二级联动(select+option)
- javascript的高级面向对象基础
- 多种上传图片的方法
- 修改Eclipse中html/jsp代码对齐样式
- JavaScript引擎
- s捕捉异常处理是使用js try catch方式
- javaScript 为对象添加属性
- JavaScript中的一些特殊用法(二)
- Javascript神级代码!
- JavaScript 正则表达式上——基本语法
- JavaScript正则表达式下——相关方法
- javascript正则表达式
- Javascript产生UUID
- jq,js的ajax中调用$(this)