1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
| <html>
<head>
<title>Default</title>
<link rel="stylesheet" href="jquery.tabs-ie.css" type="text/css" media="print, projection, screen"/>
<link rel="stylesheet" href="jquery.tabs.css" type="text/css" media="print, projection, screen"/>
<script src="jquery-1.1.3.1.pack.js" type="text/javascript"></script>
<script src="jquery.history_remote.pack.js" type="text/javascript"></script>
<script src="jquery.tabs.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#container").tabs();
});
</script>
</head>
<body>
<div id="container">
<ul>
<li><a href="#section-1">Section 1</a></li>
<li><a href="#section-2">Section 2</a></li>
<li><a href="#section-3">Section 3</a></li>
</ul>
<div id="section-1">
<p>Test...</p>
</div>
<div id="section-2">
<p>Test...</p>
</div>
<div id="section-3">
<p>Test...</p>
</div>
</div>
</body>
</html> |
Partager