• <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)  編輯 收藏 引用 所屬分類: 其他編程
            97精品国产97久久久久久免费| 亚洲国产精品久久电影欧美| 久久久精品无码专区不卡| 久久国产精品偷99| 精品国产日韩久久亚洲| 99久久婷婷国产综合亚洲| 99久久夜色精品国产网站| 中文字幕精品久久久久人妻| 日韩精品久久久肉伦网站| 国产精品成人久久久久久久| 亚洲人成精品久久久久| 国产亚洲成人久久| 欧美一区二区三区久久综| 亚洲国产成人久久一区久久| 婷婷综合久久狠狠色99h| 国产精品久久久久久久app| 国产精品免费久久久久影院| 亚洲AV无码久久| 久久福利资源国产精品999| 99精品伊人久久久大香线蕉| 久久影院综合精品| 狠狠色丁香久久婷婷综合| 亚洲国产天堂久久久久久| 国产激情久久久久影院| 久久综合九色综合97_久久久| 精品国产乱码久久久久久郑州公司 | 久久无码av三级| 久久久久亚洲AV无码网站| 少妇人妻88久久中文字幕| 久久久亚洲欧洲日产国码是AV| 久久综合色区| 久久精品无码av| 四虎久久影院| 久久天天躁夜夜躁狠狠| 伊人久久成人成综合网222| 亚洲七七久久精品中文国产| 日本高清无卡码一区二区久久 | 美女久久久久久| 久久综合久久性久99毛片| 无码精品久久一区二区三区| 久久综合亚洲色HEZYO国产|