仿京东左侧菜单弹出html代码,相仿京东左侧菜单

Furniture

* {margin:0; padding:0;}

html {color:#434343; background-color:#fff;}

body{color:#434343;font-family:Arial,宋体;line-height:20px; font-size:12px;height: 100%;width: 100%; word-break:normal; background: #FFF;}

a{color:#434343; text-decoration:none;}a:hover {color:#f30;text-decoration:underline;}

img {border:0; vertical-align:middle;}

li {list-style:none;}

.clearfix:after { content:"."; clear:both; display:block; height:0; visibility:hidden; overflow:hidden; }

.clearfix { display: inline-table; }

* html .clearfix { height: 1%; }

.clearfix { display: block;}

*+html .clearfix { min-height:1%; }

.f_l {float:left;}

.f_r {float:right;}

.width785 {width:785px; margin-top:10px;}

.width165 {width:165px; margin-top:10px;}

.cgtop_focus {position:relative; height:314px; z-index:2; margin-bottom:10px;}

.my_category_c {height:264px;}

.my_left_category {width:258px;border:1px solid #bfbfbf; position:absolute; top:0px; left:0px; z-index:9999;}

.my_left_category h2 {background: url(http://www.furnitureinchina.com/images/cg_h2_01.gif) repeat-x left top; height:26px; line-height:26px; font-size:12px; color:#c30; padding-left:5px;}

.my_left_category h2 a {color:#c30;}

.my_left_category h2 a:hover {text-decoration:underline;}

.my_left_category .h2_cat { width:257px; line-height:21px; background-image:url(http://www.furnitureinchina.com/images/cg_my_menubg.gif); background-repeat:no-repeat; position:relative; border-bottom:1px solid #e5e5e5; }

.my_left_category a {text-decoration:none; display:block;}

.my_left_category a:hover { text-decoration:none;}

.my_left_category h3 {height:21px; font-size:12px; font-weight:normal; }

.my_left_category h3 a { line-height:21px; display:block; padding-left:8px; width:230px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;}

.my_left_category .h3_cat { display:none; width:236px; position:absolute; left:243px; margin-top:-22px; cursor:auto; }

.my_left_category .shadow { position:inherit; background:url(http://www.furnitureinchina.com/images/cg_shadow_04.gif) left top; width:236px; }

.my_left_category .shadow_border { position:inherit; width:232px; border:1px solid #959595; margin-top:1px; border-left-width:0px; background:url(http://www.furnitureinchina.com/images/cg_shadow_border.gif) no-repeat 0px 19px; background-color:#ffffff; margin-bottom:3px }

.my_left_category .shadow_border ul li {}

.my_left_category .shadow_border ul li a {padding-left:5px; height:22px; line-height:22px; overflow:hidden; margin-left:1px;}

.my_left_category .shadow_border ul li a:hover {background-color:#eee;}

.my_left_category .active_cat { z-index:99; background-position:0 -26px; cursor:pointer; }

.my_left_category .active_cat h3 {color:#f30; background: url(http://www.furnitureinchina.com/images/cg_my_cat_sub_menu_dot.gif) no-repeat 168px center; }

.my_left_category .active_cat h3 a {color:#f30; width:230px; overflow:hidden; height:21px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;}

.my_left_category .active_cat div { display:block; }

.morecate { background: #ede5f0 url(http://www.furnitureinchina.com/images/cate_icon02.gif) no-repeat center center; height:22px; line-height:22px;}

.morecate a {display:block; height:22px; line-height:22px; cursor:pointer;}

#catebox {z-index:9999; }

#cgbox {background-color:#fff;}

#cg_Box{position:relative; z-index:1;}

.sub_promotion{ overflow:hidden; width:513px; height:312px; border:1px solid #bfbfbf; position:relative; background: #f0f0f0 url(http://www.furnitureinchina.com/images/cg_focus_bg.gif) repeat-x left top; }

All Categories

Root

1Bar Stools
1Bar Tables
1Cabinet Doors/Materials
1Kitchen Cabinets
1Kitchen Carts
1Wine Cabinets
1Other Kitchen Fruniture

Made in China

2Bar Stools
2Bar Tables
2Cabinet Doors/Materials
2Kitchen Cabinets
2Kitchen Carts
2Wine Cabinets
2Other Kitchen Fruniture

Commercial Kitchen Equipment

3Bar Stools
3Bar Tables
3Cabinet Doors/Materials
3Kitchen Cabinets
3Kitchen Carts
3Wine Cabinets
3Other Kitchen Fruniture

Refrigeration

4Bar Stools
4Bar Tables
4Cabinet Doors/Materials
4Kitchen Cabinets
4Kitchen Carts
4Wine Cabinets
4Other Kitchen Fruniture

Fitness & Sports Equipment

5Bar Stools
5Bar Tables
5Cabinet Doors/Materials
5Kitchen Cabinets
5Kitchen Carts
5Wine Cabinets
5Other Kitchen Fruniture

Security

6Bar Stools
6Bar Tables
6Cabinet Doors/Materials
6Kitchen Cabinets
6Kitchen Carts
6Wine Cabinets
6Other Kitchen Fruniture

IT

7Bar Stools
7Bar Tables
7Cabinet Doors/Materials
7Kitchen Cabinets
7Kitchen Carts
7Wine Cabinets
7Other Kitchen Fruniture

8Bar Stools
8Bar Tables
8Cabinet Doors/Materials
8Kitchen Cabinets
8Kitchen Carts
8Wine Cabinets
8Other Kitchen Fruniture

9Bar Stools
9Bar Tables
9Cabinet Doors/Materials
9Kitchen Cabinets
9Kitchen Carts
9Wine Cabinets
9Other Kitchen Fruniture

11Bar Stools
11Bar Tables
11Cabinet Doors/Materials
11Kitchen Cabinets
11Kitchen Carts
11Wine Cabinets
11Other Kitchen Fruniture

//===========================点击展开关闭效果====================================

function openShutManager(oSourceObj,oTargetObj,shutAble,oOpenTip,oShutTip){

var sourceObj = typeof oSourceObj == "string" ? document.getElementById(oSourceObj) : oSourceObj;

var targetObj = typeof oTargetObj == "string" ? document.getElementById(oTargetObj) : oTargetObj;

var openTip = oOpenTip || "";

var shutTip = oShutTip || "";

if(targetObj.style.display!="none"){

if(shutAble) return;

targetObj.style.display="none";

if(openTip && shutTip){

sourceObj.innerHTML = shutTip;

}

} else {

targetObj.style.display="block";

if(openTip && shutTip){

sourceObj.innerHTML = openTip;

}

这里面放的是box的内容.

来自http://js.alixixi.com/a/2012081482928.shtml