:::

2-1 tabs範例

<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");
    });
    </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="#">標籤一</a></LI>
    <LI><a href="#">標籤二</a></LI>
    <LI><a href="#">標籤三</a></LI>
    </ul>
   
    <div class="tabs_content">
    <div>
    <IMG src="images/mspaint.png" width="128" height="128" align="right" border="0">資安業者近幾日發現,有許多駭客謊稱信件為快遞公司,發送特別的主旨郵件到民眾信箱中,許多人因此沒有戒心,打開來後才發現自己被植入了木馬病毒。除了郵件,駭客也會在社群網站中利用煽動性的標題,引誘網友點入有惡意程式的連結,呼籲民眾上網時要多加注意。<br>
    最近有許多民眾在收信時,發現有一則由快遞公司發出的警告信件,告知收件人的信件沒辦法寄送等訊息,民眾心急下將附件打開後,電腦就會遭到駭客病毒給入侵。
    </div>
    <div>222</div>
    <div>333</div>
    </div>


  </body>
</html>


:::

搜尋


書籍目錄

展開 | 闔起

線上使用者

14人線上 (6人在瀏覽線上書籍)

會員: 0

訪客: 14

更多…