:::

2-2 tabs AJAX範例

<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>


:::

搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbdsn%3D186

書籍目錄

展開 | 闔起

線上使用者

79人線上 (15人在瀏覽線上書籍)

會員: 0

訪客: 79

更多…