1 <html><head>
2 <!— 1. 说明CSS文件和jQuery文件的位置 BEGIN —>
3 <script src="jquery-latest.js"></script>
4 <link rel="stylesheet" href="flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
5 <script type="text/javascript" src="ui.core.js"></script>
6 <script type="text/javascript" src="ui.tabs.js"></script>
7 <!— 1. 说明CSS文件和jQuery文件的位置 END —>
8
9 <!— 2. jQuery代码 BEGIN —>
10 <script>
11 $(document).ready(function(){
12 $("#example > ul").tabs();
13 });
14 </script>
15 <!— 2. jQuery代码 END —></head><body>
16
17 <!— 3. 与jQuery代码相关的HTML代码 BEGIN —>
18 <div id="example" class="flora">
19 <ul>
20 <li><a href="#fragment-1"><span>One</span></a></li>
21 <li><a href="#fragment-2"><span>Two</span></a></li>
22 <li><a href="#fragment-3"><span>Three</span></a></li>
23 </ul>
24 <div id="fragment-1">tab1 内容</div>
25 <div id="fragment-2">tab2 内容</div>
26 <div id="fragment-3">tab3 内容</div>
27 </div>
28 <!— 3. 与jQuery代码相关的HTML代码 END —></body></html>
Comments
There are 0 comments on this post. Post yours →
Post a comment
Required fields in bold.