線上書籍

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.css">

    <script type="text/javascript">
    $(function(){
        $("ul.tabs").tabs("div.tabs_content > div",{effect:"ajax"});
    });
    </script>

    <style>
    /* tab pane styling */
    div.tabs_content div {
    display:none;
    padding:15px 10px;
    border:1px solid #999;
    border-top:0;
    font-size:12px;
    background-color:#A9FEFF;
    width:600px;
    height:200px;
    line-height:200%;
    }
    </style>
  </head>
  <body>

    <ul class="tabs">
    <LI><a href="tab1.html">標籤一</a></LI>
    <LI><a href="tab2.html">標籤二</a></LI>
    <LI><a href="tab3.html">標籤三</a></LI>
    </ul>
   
    <div class="tabs_content">
        <div style="display:block;"></div>
    </div>


  </body>
</html>