• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>

            逛奔的蝸牛

            我不聰明,但我會很努力

               ::  :: 新隨筆 ::  ::  :: 管理 ::




            <html>
            <head>
                
            <meta http-equiv="Content-type" content="text/html; charset=utf-8">
                
            <title>Title</title>

                
            <style type="text/css">
                html, body, table 
            {
                    font-family
            : arial;
                    font-size
            : 14px;
                
            }
                
                html 
            {
                    background
            : url(images/stom.gif);
                
            }
                
                .tab .tab-menu 
            {
                    height
            : 37px;
                    background
            : url(images/neck.gif);
                
            }
                
                .tab .tab-menu ul 
            {
                    margin
            : 0;
                    padding
            : 0;
                    list-style
            : none;
                
            }
                
                .tab .tab-menu li 
            {
                    margin
            : 6px 0px 0px;
                    padding
            : 0px 11px 0px 0px;
                    height
            : 25px;
                    float
            : left;
                    font-size
            : 14px;
                    font-weight
            : bold;
                    text-shadow
            : 0px 1px 1px white;
                
            }
                
                .tab .tab-menu li a 
            {
                    cursor
            : pointer;
                    height
            : 25px;
                    line-height
            : 25px;
                    padding
            : 0px 20px 0px 27px;
                    display
            : block; /* inline-block效果不好 */
                
            }
                
                .tab .tab-menu li.over 
            {
                    opacity
            : 0.6;
                
            }
                
                .tab .tab-menu li.active 
            {
                    opacity
            : 1.0;
                
            }
                
                .tab .tab-menu li.active, .tab .tab-menu li.over 
            {
                    background
            : url(images/nav-bg-r.gif) no-repeat center right;
                
            }
                
                .tab .tab-menu li.active a, .tab .tab-menu li.over a 
            {
                    color
            : white;
                    text-shadow
            : 0px 1px 1px black;
                    background
            : url(images/nav-bg-l.gif) no-repeat left center;
                
            }
                
                .tab .tab-box 
            {
                    min-height
            : 100px;
                    border
            : 1px solid #D3D8DF;
                    border-top
            : none;
                    background
            : white;
                
            }
                
                .hide 
            {
                    display
            : none;
                
            }
                
            </style>

                
            <script src="js/jquery.js"></script>
                
            <script type="text/javascript">
                $(
            function() {
                    
            var $menuLis = $(".tab .tab-menu li");
                    $menuLis.hover(
            function() {
                        $(
            this).addClass("over");
                    }, 
            function() {
                        $(
            this).removeClass("over");
                    }).click(
            function() {
                        $(
            this).addClass("active").siblings().removeClass("active");
                        
            var index = $menuLis.index(this);
                        $(
            this).parent().parent().siblings(".tab-box")
                        .children(
            "div").hide().eq(index).show();
                    });
                });
                
            </script>
            </head>

            <body>
                
            <div class="tab">
                    
            <div class="tab-menu">
                        
            <ul>
                            
            <li class="active"><a>Home</a></li>
                            
            <li><a>Portfolio</a></li>
                            
            <li><a>Blog</a></li>
                            
            <li><a>About</a></li>
                            
            <li><a>Goodies</a></li>
                        
            </ul>
                    
            </div>
                    
            <div class="tab-box">
                        
            <div>Home</div>
                        
            <div class="hide">Portfolio</div>
                        
            <div class="hide">Blog</div>
                        
            <div class="hide">About</div>
                        
            <div class="hide">Goodies</div>
                    
            </div>
                
            </div>
            </body>
            </html>

            From: http://www.stucel.com/blog

            posted on 2010-09-24 03:33 逛奔的蝸牛 閱讀(1119) 評論(0)  編輯 收藏 引用 所屬分類: 其他編程
            伊人久久大香线蕉AV一区二区 | 四虎久久影院| 久久涩综合| 久久国产AVJUST麻豆| 国产精品亚洲综合久久| 2021久久国自产拍精品| 久久av高潮av无码av喷吹| 99久久精品国产一区二区 | 99久久人妻无码精品系列| 久久成人影院精品777| 青青草原综合久久大伊人导航| 97久久国产露脸精品国产| 88久久精品无码一区二区毛片| 色天使久久综合网天天| 国产精品99久久精品| 久久久久久精品免费看SSS| 精品国产一区二区三区久久蜜臀| 亚洲成av人片不卡无码久久| 午夜天堂av天堂久久久| 久久久久久久久久免免费精品| AV色综合久久天堂AV色综合在| 午夜精品久久久久久| 国产国产成人久久精品| 久久精品国产2020| 久久精品国产一区二区三区| 97久久久久人妻精品专区 | 日本国产精品久久| 91精品久久久久久无码| 久久国产精品99精品国产| 亚洲级αV无码毛片久久精品| 久久嫩草影院免费看夜色| 99久久综合国产精品二区| 国产精品久久久久影院色| 久久亚洲中文字幕精品有坂深雪| 思思久久精品在热线热| 色天使久久综合网天天| 久久久精品视频免费观看| 精品久久久久久国产免费了| 一级做a爰片久久毛片16| 2020最新久久久视精品爱 | 婷婷久久久亚洲欧洲日产国码AV|