| jQuery：1.5.4.2.B,效果截图返回顶部 |
| 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>
