jquery垂直tab页jquery-jvert-tabs

原创
2014/02/12 16:12
阅读数 105
<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>

 

 效果如上,还不错。。。

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部