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>
    
  • 相关阅读:
    pandas中expand的作用
    pandas中DataFrame的stack()、unstack()和pivot()方法的对比
    Django在windows下用Apache 部署
    pandas分组统计
    DataFrame中的空值处理
    Django signals 监控模型对象字段值的变化
    django+uwsgi+daphne+supervisor生产环境部署
    Django-Channels使用和部署
    Django使用Channels实现WebSocket的方法
    python 操作es
  • 原文地址:https://www.cnblogs.com/liucyi/p/1961796.html
Copyright © 2011-2022 走看看