jquery垂直tab页jquery-jvert-tabs

<script type="text/javascript"
			src="<%=basePath%>js/jquery-1.4.1.min.js"></script>
		<!-- Include JQuery Vertical Tabs plugin -->
		<script type="text/javascript"
			src="<%=basePath%>js/jquery-jvert-tabs-1.1.4.js"></script>
		<script type="text/javascript">
	$(document).ready(
			function() {
				$("#vtabs4").jVertTabs(
						{
							selected : 0
						});
			});
</script>

 

<div id="vtabs4">
							<div>
								<ul>
									<li>
										<a href="#" />lanmu1 </a>
									</li>
									<li>
										<a href="#" />lanmu2 </a>
									</li>
									<li>
										<a href="#" />lanmu3 </a>
									</li>
								</ul>
							</div>
							<div>
								<div id="#vtabs-content-1">
									123123
								</div>
								<div id="#vtabs-content-2">
									123123
								</div>
								<div id="#vtabs-content-3">
									12321
								</div>

							</div>
						</div>

 

 效果如上，还不错。。。

转载于:https://my.oschina.net/zhenghuazhi/blog/199044