<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>水平垂直无限下拉jQuery导航 - 网页模板</title>
<link href="css/webwidget_vertical_menu.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/webwidget_vertical_menu.js"></script>
</head>
<body>
<script language="javascript" type="text/javascript">
$(function() {
$("#webwidget_vertical_menu").webwidget_vertical_menu({
menu_width: '160',
menu_height: '25',
menu_margin: '2',
menu_text_size: '12',
menu_text_color: '#CCC',
menu_background_color: '#666',
menu_border_size: '2',
menu_border_color: '#000',
menu_border_style: 'solid',
menu_background_hover_color: '#999',
directory: 'images'
});
});
</script>
<div id="webwidget_vertical_menu" class="webwidget_vertical_menu">
<ul>
<li><a href="link1">MENU1</a>
<ul>
<li><a href="link1">submenu1</a>
<ul>
<li><a href="link1">submenu1</a>
<ul>
<li><a href="link1">submenu1</a>
<ul>
<li><a href="link1">submenu1</a>
<ul>
<li><a href="link1">submenu1</a></li>
<li><a href="link2">submenu2</a></li>
<li><a href="link3">submenu3</a></li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link2">submenu2</a>
<ul>
<li><a href="link1">submenu1</a></li>
<li><a href="link2">submenu2</a></li>
<li><a href="link3">submenu3</a></li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link3">submenu3</a>
<ul>
<li><a href="link1">submenu1</a></li>
<li><a href="link2">submenu2</a></li>
<li><a href="link3">submenu3</a></li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link2">submenu2</a></li>
<li><a href="link3">submenu3</a></li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link2">submenu2</a></li>
<li><a href="link3">submenu3</a></li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link2">submenu2</a></li>
<li><a href="link3">submenu3</a></li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link2">MENU2</a>
<ul>
<li><a href="link1">submenu1</a>
<ul>
<li><a href="link1">submenu1</a>
<ul>
<li><a href="link1">submenu1</a></li>
<li><a href="link2">submenu2</a></li>
<li><a href="link3">submenu3</a></li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link2">submenu2</a></li>
<li><a href="link3">submenu3</a></li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link2">submenu2</a></li>
<li><a href="link3">submenu3</a></li>
<li><a href="link4">submenu4</a></li>
<li><a href="link5">submenu5</a></li>
<li><a href="link6">submenu6</a></li>
</ul>
</li>
<li><a href="link3">MENU3</a></li>
<li><a href="link4">MENU4</a></li>
<li><a href="link5">MENU5</a></li>
<li><a href="link6">MENU6</a></li>
</ul>
<div style="clear: both"></div>
</div>
<div style="text-align:center;clear:both">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank"