1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>jq轮播</title> 6 <script type="text/javascript" src="./images/jquery-1.7.1.js"></script> 7 <script type="text/javascript" src="./images/jquery-ui.js"></script> 8 <script type="text/javascript"> 9 $(document).ready(function(){ 10 $(function(){ 11 $(".tabs").tabs(); 12 }); 13 14 }); 15 </script> 16 </head> 17 <body> 18 <div class="tabs"> 19 <ul> 20 <li><a href="#panel-1">标签一</a><li> 21 <li><a href="#panel-2">标签二</a><li> 22 </ul> 23 <div id="panel-1">区域一</div> 24 <div id="panel-2">区域二</div> 25 </div> 26 </body> 27 </html>
注：jquery-ui.js是jquery的一个插件，下载地址:http://www.tjinfo.com.cn/down/jquery-ui.rar