jquery tabs 面板

<%@ page language="java" pageEncoding="utf-8"%>
<html>
  <head>
	<title>jQuery UI Tabs - Default functionality</title>
	<link type="text/css" href="jquery-css/jquery.ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="jquery-js/jquery-1.4.2.js"></script>
	<script type="text/javascript" src="jquery-js/jquery.ui.core.js"></script>
	<script type="text/javascript" src="jquery-js/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="jquery-js/jquery.ui.tabs.js"></script>
	<script type="text/javascript">
	$(function() {
		$("#tabs").tabs();
	});
	</script>

  </head>
  
  <body>
	<div id="tabs">
		<ul>
			<li>
				<a href="#tabs-1">Nunc tincidunt</a>
			</li>
			<li>
				<a href="#tabs-2">Proin dolor</a>
			</li>
			<li>
				<a href="#tabs-3">Aenean lacinia</a>
			</li>
		</ul>
		<div id="tabs-1">
			Proin elit arcu, rutrum commodo, vehicula tempus, commodo
		</div>
		<div id="tabs-2">
			Morbi tincidunt, dui sit amet facilisis feugiat, odio metus
		</div>
		<div id="tabs-3">
			Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti.
		</div>
	</div>

	</body>
</html>

你可能感兴趣的:(java,jquery,UI)