JQ标签页(jq-ui)

浅浅的花香味﹌ 2022-06-04 10:17 578阅读 0赞 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <link href="jquery-ui.css" rel="stylesheet">
  7. </head>
  8. <body>
  9.     <div id="tabs">
  10.         <ul>
  11.             <li><a href="#tabs-1">菜单1</a></li>
  12.             <li><a href="#tabs-2">菜单2</a></li>
  13.             <li><a href="#tabs-3">菜单3</a></li>
  14.         </ul>
  15.         <div id="tabs-1">
  16.             <p>菜单1的内容</p>
  17.         </div>
  18.         <div id="tabs-2">
  19.             <p>菜单2的内容</p>
  20.         </div>
  21.         <div id="tabs-3">
  22.             <p>菜单3的内容</p>
  23.         </div>
  24.     </div>
  26.     <script src="external/jquery/jquery.js"></script>
  27.     <script src="jquery-ui.js"></script>
  28.     <script>
  29.         $("#tabs").tabs();
  30.     </script>
  31. </body>
  32. </html>

发表评论

表情：
评论列表 （有 0 条评论，578人围观）

还没有评论，来说两句吧...

相关阅读