zoukankan      html  css  js  c++  java
  • 超级省代码的TAB选项卡

    使用了jq来写,直接看代码行了!

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="css/childstyle.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript">
    function tabset(tmpid)
    {
    var $tab=$("#"+tmpid);
    var $this=$(window.event.srcElement);
    $
    this.css({"color":"#F00"}).siblings().css({"color":"#000"});
    $tab.css({
    "display":"block"}).siblings().css({"display":"none"});;
    }
    $(window).load(
    function()
    {
    tabset(
    'min1');
    });
    </script>
    </head>
    <body>
    <div style="100%" >
    <div>
    <input type="button" class="button1" value="1" onClick="tabset('min1')">
    <input type="button" class="button1" onClick="tabset('min2')" value="2">
    <input type="button" class="button1" onClick="tabset('min3')" value="3">
    </div>
    <div id="tabmin">
    <div id="min1" style=" background-color:#C66;">
    1
    </div>
    <div id="min2" style=" background-color:fff">2</div>
    <div id="min3" style=" background-color:#9FF">3</div>
    </div>
    </div>
    </body>
    </html>
  • 相关阅读:
    git分布式版本控制(六)
    git分布式版本控制(五)
    git分布式版本控制(四)
    git分布式版本控制(三)
    git分布式版本控制(二)
    git分布式版本控制(一)
    svn版本控制(十)
    svn版本控制(九)
    svn版本控制(八)
    svn版本控制(七)
  • 原文地址:https://www.cnblogs.com/nba4523/p/2119793.html
Copyright © 2011-2022 走看看