• <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 逛奔的蝸牛 閱讀(1118) 評論(0)  編輯 收藏 引用 所屬分類: 其他編程
            中文字幕无码av激情不卡久久| 99久久精品费精品国产| 久久不见久久见免费视频7| 色妞色综合久久夜夜| 一级做a爰片久久毛片看看 | 青青热久久国产久精品 | 久久久久亚洲AV无码永不| 久久久久亚洲AV无码观看| 亚洲精品NV久久久久久久久久 | 久久AV高潮AV无码AV| 精产国品久久一二三产区区别| 2020国产成人久久精品| 亚洲第一极品精品无码久久 | 久久久久人妻一区精品| 久久最新免费视频| 亚洲精品无码专区久久久| 久久亚洲精品人成综合网| 久久亚洲国产中v天仙www| 久久99精品九九九久久婷婷| 亚洲国产天堂久久综合| 久久亚洲AV成人无码电影| 麻豆精品久久精品色综合| 久久久精品国产亚洲成人满18免费网站| 9999国产精品欧美久久久久久| 亚洲精品久久久www| 欧美va久久久噜噜噜久久| 国产精品成人久久久久三级午夜电影 | 亚洲人成伊人成综合网久久久| 久久精品国产亚洲AV无码娇色| 色欲综合久久中文字幕网| 国产亚洲精久久久久久无码AV| 伊人情人综合成人久久网小说| 久久精品国产99久久久| 亚洲成av人片不卡无码久久| 俺来也俺去啦久久综合网| 热久久最新网站获取| 亚洲国产精品久久久久网站| 欧美日韩精品久久久久| 久久国产精品免费一区| 99国产欧美久久久精品蜜芽| 狠狠色丁香婷婷久久综合五月|