<html>
<head>
<title>多级下拉菜单模版</title>
</head>
<link rel="stylesheet" type="text/css" title="CSS Stylesheet" href="menuPlate.css" />
<script type="text/javascript" src="menuPlate.js"></script>
<script type="text/javascript">
var menu;
/*
* for an example an all possible settings see:
* menuPlate.js -> Menu.prototype.config
*/
function configMenu() {
this.closeDelayTime = 300;
// this.collapseBorders = false;
}
function initMenu() {
// don't use var here!! we will need menu as a global variable to store the closingDelay
// the first parameter is the id of
menu = new Menu('menu-root', 'menu', configMenu);
}
onload = initMenu;
</script>
<body>
<h1>多级下拉菜单示例</h1>
<h5>下载from-------http://www.wappler.eu/swdropdownmenu/ -----------修改:XLay--------稍做修改即可使用------2009年10月15日</h5>
<div id="menu">
<ul class="level1 horizontal" id="menu-root">
<li id="level1-One" class="level1">
<a href="http://site.baidu.com">第一菜单</a>
<ul id="level1-One" class="level2 dropdown">
<li class="level2"><a href="http://site.baidu.com">子1</a></li>
<li class="level2">
<a href="http://site.baidu.com">子2</a>
<ul class="level3 flyout">
<li class="level3"><a href="http://site.baidu.com">阿士大夫</a></li>
<li class="level3"><a href="http://site.baidu.com">嗒嗒嗒</a></li>
<li class="level3"><a href="http://site.baidu.com">地对地导弹</a></li>
</ul>
</li>
<li class="level2"><a href="http://site.baidu.com">子3</a></li>
<li class="level2">
<a href="http://knallgrau.at">子4</a>
<ul class="level3 flyout">
<li class="level3"><a href="http://site.baidu.com">回家</a></li>
<li class="level3"><a href="http://site.baidu.com">干活</a></li>
<li class="level3"><a href="http://site.baidu.com">凤飞飞</a></li>
<li class="level3"><a href="http://site.baidu.com">风格和</a></li>
</ul>
</li>
</ul>
</li>
<li class="level1"><a href="http://site.baidu.com">第二菜单</a></li>
<li class="level1"><a href="http://site.baidu.com">第三菜单</a></li>
<li class="level1">
<a href="http://site.baidu.com">第四菜单</a>
<ul class="level2 dropdown">
<li class="level2"><a href="http://site.baidu.com">子1</a></li>
<li class="level2">
<a href="http://site.baidu.com">子2</a>
<ul class="level3 flyout">
<li class="level3"><a href="http://site.baidu.com">士大夫</a></li>
<li class="level3"><a href="http://site.baidu.com">爱的色放</a></li>
<li class="level3"><a href="http://site.baidu.com">阿士大夫个</a></li>
</ul>
</li>
<li class="level2"><a href="http://site.baidu.com">子3</a></li>
<li class="level2"><a href="http://site.baidu.com">子4</a></li>
</ul>
</li>
<li class="level1"><a href="http://site.baidu.com">第五菜单</a></li>
</ul>
</div>
<img src="32323.jpg"/>
</body>
</html>
