zoukankan      html  css  js  c++  java
  • jQuery的idTabS控件的使用

    <!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8"/>
        <title>jQuery idTabs</title>
        <style>
          * { margin:0; padding:0; border:0; outline:0; }
          body { font:25pt Tahoma; background:#FFF; color:#000; }
          .idTabs { margin:40px; }
          .idTabs ul { background:#222; padding:5px; float:left; }
          .idTabs li { list-style:none; /*Try deleting this float*/ float:left; }
          .idTabs a { display:block; background:#222; color:snow; padding:0 13px; font:bold 25pt Arial; text-decoration:none; }
          .idTabs a.selected { background:#FFF; color:#000; }
          .items>div { display:none; float:left; margin:0.1em 0 0 0.5em; }
          .idTabs ul, .idTabs a { border-radius:4px; -moz-border-radius:4px; }
        </style>
      </head>
      <body>
          <div class="items1">
            <div class="one">1111111111 to <b>idTabs</b>!</div>
            <div class="two">You 2222222222222 do anything with <b>idTabs</b>.</div>
            <div class="three">33333333333 at all.</div>
            <div class="four">The only limit,</div>
            <div class="four">is your imagination.</div>
          </div>
        <div class="idTabs">
          <ul>
            <li><a href="#one">1</a></li>
            <li><a href="#two">2</a></li>
            <!-- Try adding this <br/> tag here -->
            <li><a href="#three">3</a></li>
            <li><a href="#four">4</a></li>
          </ul>         
        </div>
        <div class="items2">
            <div class="one">1111111111 to <b>idTabs</b>!</div>
            <div class="two">You 2222222222222 do anything with <b>idTabs</b>.</div>
            <div class="three">33333333333 at all.</div>
            <div class="four">The only limit,</div>
            <div class="four">is your imagination.</div>
          </div>
        <script src="jquery.js"></script>
        <script src="jquery.idTabs.js"></script>
        <script>
         $(".idTabs").idTabs("!mouseover");
        </script>
      </body>
    </html>
    
  • 相关阅读:
    golang批量修改文件名
    golang执行带空格的cmd命令
    了解golang的可变参数(... parameters)
    ADB命令连接逍遥模拟器
    通达信如何批量导出自定义板块,以及定义常量
    通达信日K线图中取周K线指标值
    go读取通达信本地数据
    Python读取通达信本地数据
    Golang: 解析JSON数据之一
    MT【357】角度的对称性
  • 原文地址:https://www.cnblogs.com/liucyi/p/1961796.html
Copyright © 2011-2022 走看看