jQuery:1.5.5.2,京东导航(当前默认设置)

ylbtech-jQuery:jQuery学习
jQuery:1.5.4.2.B,效果截图返回顶部

 nav_360buy

jQuery:1.5.5.2,京东导航(当前默认设置) HTML代码返回顶部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>夺宝岛 - 京东商城</title>
    <meta content="text/html; charset=gb2312" http-equiv="Content-Type">
    <style type="text/css">
        .w
        {
            margin: 0px auto;
            width: 990px;
            height: 50px;
        }
        #nav
        {
            background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20111221C.png);
            background-repeat: repeat-x;
        }
        #navitems
        {
            background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20111221C.png);
            background-repeat: repeat-x;
        }
        #navitems LI
        {
            background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20111221C.png);
            background-repeat: repeat-x;
        }
        #navitems .fore1
        {
            background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20111221C.png);
            background-repeat: repeat-x;
        }
        #navitems .curr A
        {
            background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20111221C.png);
            background-repeat: repeat-x;
        }
        #navitems .hover A
        {
            background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20111221C.png);
            background-repeat: repeat-x;
        }
        #nav
        {
            z-index: 6;
            position: relative;
            padding-left: 210px;
            margin-bottom: 10px;
            background: url(http://misc.360buyimg.com/lib/skin/2012/i/20111221C.png) #d00000 repeat-x 0px -315px;
            height: 52px;
            top: 0px;
            left: 0px;
        }
        #navitems
        {
            height: 40px;
        }
        #navitems LI
        {
            height: 40px;
        }
        #navitems LI A
        {
            height: 40px;
        }
        #navitems
        {
            background-repeat: no-repeat;
            background-position: 770px -273px;
        }
        #navitems LI
        {
            position: relative;
            width: 83px;
            background-repeat: no-repeat;
            background-position: -83px -509px;
            float: left;
        }
        #navitems LI A
        {
            position: absolute;
            text-align: center;
            width: 85px;
            font: bold 15px/40px "microsoft yahei";
            color: #fff;
            top: 0px;
            text-decoration: none;
            left: 0px;
        }
        #navitems .fore1
        {
            background-repeat: no-repeat;
            background-position: -55px -231px;
        }
        #navitems .curr
        {
            z-index: 1;
        }
        #navitems .hover
        {
            z-index: 1;
        }
        #navitems .curr A
        {
            background-position: 0px -161px;
        }
        #navitems .hover A
        {
            background-position: 0px -161px;
        }
    </style>
    <style type="text/css">
        .curr
        {
            background-color: Gray;
        }
    </style>
</head>
<body id="auction">
    <script type="text/javascript">
        window.pageConfig = {
            navId: "auction"
        };
    </script>
    <div id="o-header">
        
        <!--header end-->
        <div class="w">
            <div id="nav">
                <ul id="navitems">
                    <li id="nav-home" class="fore1"><a href="http://www.360buy.com/">首页</a></li>
                    <li id="nav-mall" class="fore2"><a href="http://fashion.360buy.com/">服装城</a></li>
                    <li id="nav-tuan" class="fore3"><a href="http://tuan.360buy.com/">团购</a></li>
                    <li id="nav-auction" class="fore4"><a href="http://auction.360buy.com/">夺宝岛</a></li>
                    <li id="nav-club" class="fore5"><a href="http://club.360buy.com/">京东社区</a></li></ul>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        (function () { if (pageConfig.navId) { var object = document.getElementById("nav-" + pageConfig.navId); if (object) object.className += " curr"; } })();
    </script>
    <!-- header end -->
</body>
</html>
warn 作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

你可能感兴趣的:(jquery)