線上書籍

Home

[982]PHP網站開發 進階應用技巧

<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>jquery測試</title>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="jquery.tools.min.js"></script>
    <link rel="stylesheet" type="text/css" href="tabs-accordion.css">

    <script type="text/javascript">
    $(function(){
        $("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide'});
    });
    </script>
  </head>
  <body>
    <div id="accordion">
        <h2>關於這個特效</h2>
        <div class="pane">111</div>

        <h2>修改id名稱</h2>
        <div class="pane">222</div>

        <h2>修改外觀</h2>
        <div class="pane">333</div>

    </div>

  </body>
</html>