<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="ctl00_Head1">
<title>Furniture</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
* {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(<a href="http://www.furnitureinchina.com/images/cg_h2_01.gif" target="_blank">http://www.furnitureinchina.com/images/cg_h2_01.gif</a>) 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(<a href="http://www.furnitureinchina.com/images/cg_my_menubg.gif" target="_blank">http://www.furnitureinchina.com/images/cg_my_menubg.gif</a>); 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(<a href="http://www.furnitureinchina.com/images/cg_shadow_04.gif" target="_blank">http://www.furnitureinchina.com/images/cg_shadow_04.gif</a>) 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(<a href="http://www.furnitureinchina.com/images/cg_shadow_border.gif" target="_blank">http://www.furnitureinchina.com/images/cg_shadow_border.gif</a>) 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(<a href="http://www.furnitureinchina.com/images/cg_my_cat_sub_menu_dot.gif" target="_blank">http://www.furnitureinchina.com/images/cg_my_cat_sub_menu_dot.gif</a>) 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(<a href="http://www.furnitureinchina.com/images/cate_icon02.gif" target="_blank">http://www.furnitureinchina.com/images/cate_icon02.gif</a>) 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(<a href="http://www.furnitureinchina.com/images/cg_focus_bg.gif" target="_blank">http://www.furnitureinchina.com/images/cg_focus_bg.gif</a>) repeat-x left top; }
</style>
</head>
<body>
<div class="width785 f_l">
<div class="cgtop_focus clearfix">
<div class="my_left_category">
<h2><a href="#">All Categories</a></h2>
<div class="my_category_c">
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="Root">Root</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">1Bar Stools</a></li>
<li><a href="#">1Bar Tables</a></li>
<li><a href="#">1Cabinet Doors/Materials</a></li>
<li><a href="#">1Kitchen Cabinets</a></li>
<li><a href="#">1Kitchen Carts</a></li>
<li><a href="#">1Wine Cabinets</a></li>
<li><a href="#">1Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="Made in China">Made in China</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">2Bar Stools</a></li>
<li><a href="#">2Bar Tables</a></li>
<li><a href="#">2Cabinet Doors/Materials</a></li>
<li><a href="#">2Kitchen Cabinets</a></li>
<li><a href="#">2Kitchen Carts</a></li>
<li><a href="#">2Wine Cabinets</a></li>
<li><a href="#">2Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="Commercial Kitchen Equipment">Commercial Kitchen Equipment</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">3Bar Stools</a></li>
<li><a href="#">3Bar Tables</a></li>
<li><a href="#">3Cabinet Doors/Materials</a></li>
<li><a href="#">3Kitchen Cabinets</a></li>
<li><a href="#">3Kitchen Carts</a></li>
<li><a href="#">3Wine Cabinets</a></li>
<li><a href="#">3Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="Refrigeration">Refrigeration</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">4Bar Stools</a></li>
<li><a href="#">4Bar Tables</a></li>
<li><a href="#">4Cabinet Doors/Materials</a></li>
<li><a href="#">4Kitchen Cabinets</a></li>
<li><a href="#">4Kitchen Carts</a></li>
<li><a href="#">4Wine Cabinets</a></li>
<li><a href="#">4Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="Fitness & Sports Equipment">Fitness & Sports Equipment</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">5Bar Stools</a></li>
<li><a href="#">5Bar Tables</a></li>
<li><a href="#">5Cabinet Doors/Materials</a></li>
<li><a href="#">5Kitchen Cabinets</a></li>
<li><a href="#">5Kitchen Carts</a></li>
<li><a href="#">5Wine Cabinets</a></li>
<li><a href="#">5Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="Security">Security</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">6Bar Stools</a></li>
<li><a href="#">6Bar Tables</a></li>
<li><a href="#">6Cabinet Doors/Materials</a></li>
<li><a href="#">6Kitchen Cabinets</a></li>
<li><a href="#">6Kitchen Carts</a></li>
<li><a href="#">6Wine Cabinets</a></li>
<li><a href="#">6Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="IT">IT</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">7Bar Stools</a></li>
<li><a href="#">7Bar Tables</a></li>
<li><a href="#">7Cabinet Doors/Materials</a></li>
<li><a href="#">7Kitchen Cabinets</a></li>
<li><a href="#">7Kitchen Carts</a></li>
<li><a href="#">7Wine Cabinets</a></li>
<li><a href="#">7Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="More">More</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">8Bar Stools</a></li>
<li><a href="#">8Bar Tables</a></li>
<li><a href="#">8Cabinet Doors/Materials</a></li>
<li><a href="#">8Kitchen Cabinets</a></li>
<li><a href="#">8Kitchen Carts</a></li>
<li><a href="#">8Wine Cabinets</a></li>
<li><a href="#">8Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="More">More</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">9Bar Stools</a></li>
<li><a href="#">9Bar Tables</a></li>
<li><a href="#">9Cabinet Doors/Materials</a></li>
<li><a href="#">9Kitchen Cabinets</a></li>
<li><a href="#">9Kitchen Carts</a></li>
<li><a href="#">9Wine Cabinets</a></li>
<li><a href="#">9Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#" target="_blank" title="More">More</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="#">11Bar Stools</a></li>
<li><a href="#">11Bar Tables</a></li>
<li><a href="#">11Cabinet Doors/Materials</a></li>
<li><a href="#">11Kitchen Cabinets</a></li>
<li><a href="#">11Kitchen Carts</a></li>
<li><a href="#">11Wine Cabinets</a></li>
<li><a href="#">11Other Kitchen Fruniture</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
//===========================点击展开关闭效果====================================
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;
}
}
}
</script>
<div class="morecate"> <a onclick="openShutManager(this,'cgbox')"></a>
<div id="cgbox" style="display:none"> 这里面放的是box的内容. </div>
</div>
</div>
<div class="sub_promotion f_r">
<div class="sub-promotion-content"></div>
</div>
</div>
</div>
</body>
</html>
相关推荐
在“jQuery京东首页左侧菜单导航”这个主题中，我们将深入探讨如何利用jQuery技术来实现类似京东首页左侧那种动态、交互式的导航菜单。 首先，让我们了解京东首页左侧菜单的基本特点。这种菜单通常包含多个层级，...
【仿京东左侧菜单】是一种常见的网页设计模式，用于构建类似京东商城那样具有丰富功能和层级结构的导航系统。京东的左侧菜单以其清晰的布局、良好的交互性和可扩展性，成为了许多电商平台模仿的对象。在这个项目中，...
该资源是一个用于创建类似京东商品左侧分类导航菜单的JavaScript特效代码。这个代码库基于jQuery库构建，旨在提供一种大气且用户友好的导航体验。在实际应用中，此导航菜单不仅能够展示不同类别的商品，还支持展开...
在iOS开发中，构建一个类似京东的菜单分类系统是一项常见的任务，这涉及到用户界面设计、数据结构规划以及交互逻辑的实现。"仿京东菜单分类的实现实例"着重于展示如何在iOS应用中创建这样的功能。这个实例可能包括了...
在构建一个类似京东商城的电子商务网站时，左侧弹出菜单是一个关键的设计元素，它能够提供良好的用户体验并方便用户快速导航到他们感兴趣的类别。这个“仿京东商城左侧商品展示的浮动层弹出菜单”是一个实现此类功能...
综上所述，这个项目提供了一套实用的解决方案，可以帮助开发者快速创建一个类似京东的商品分类导航菜单，增强网站的用户体验。通过jQuery的灵活运用，以及合理的HTML和CSS结构，开发者可以轻松定制自己的商品导航栏...
这个压缩包很可能包含了一个完整的示例代码，用于演示如何在网页的左侧栏创建一个类似京东商城的新版导航菜单。 首先，jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画设计以及Ajax交互等...
【标题】：“京东左边链接类似效果页面”是指在网页设计中仿照京东网站左侧导航栏的链接效果进行的实现。这种效果通常包括可展开/收起的菜单项、鼠标悬停时的高亮显示以及点击后跳转至相应页面等功能。这种设计模式...
以上就是使用jQuery实现类似天猫、淘宝、京东等购物网站左侧二级导航的基本步骤。当然，实际项目中还需要考虑更多的细节，如响应式布局、SEO优化、性能优化等。通过不断学习和实践，你可以创建出更加高效、易用的...
在Android开发中，创建一个与2018年京东应用类似的侧滑筛选菜单是一项常见的需求。这个项目利用了Android SDK中的关键组件，如DrawerLayout和GridView，来实现这一功能。以下将详细介绍这两个组件以及如何利用它们...
在本文中，我们将探讨如何使用JavaScript来实现一个类似于京东或淘宝商城左侧分类导航的下拉菜单效果。这个功能常用于电子商务网站，以提供用户友好的导航体验，方便他们快速找到感兴趣的商品类别。以下是对实现这一...
本篇将深入探讨如何实现类似天猫、淘宝、京东等大型购物网站的左侧二级导航代码。 首先，二级导航通常由一级分类和二级分类构成，一级分类是大类，如“女装”、“男装”、“数码”等；二级分类则是更为具体的小类，...
"JS仿京东商城菜单，下拉弹出框菜单"就是一个典型的例子，它展示了如何利用JavaScript技术来模仿京东商城左侧导航栏的下拉弹出效果。这个项目旨在提供一种方法，让用户能够更加方便地浏览和访问网站的不同部分。 ...
为了实现类似京东商城的体验，菜单应该具有良好的可扩展性和响应性。这意味着当鼠标悬停在某个类别上时，可能会展开子菜单，显示更具体的产品子类。此外，菜单的样式和布局也非常重要，需要确保在不同屏幕尺寸下都能...
【标签】"jdleftmenu.rar" 这个标签再次确认了压缩包内容的主题，即与京东左侧菜单相关的代码或设计素材。 【压缩包子文件的文件名称列表】：WWW.WEI2008.COM 这个文件名可能是某个网站的域名，可能是提供该菜单栏...
在JavaScript编程领域中，实现一个类似京东商城的商品分类菜单的左侧联动菜单是一项常见的需求，它涉及到用户界面交互设计和前端动态数据处理。这样的菜单通常包括多级分类，当用户选择某一类别时，其子类别会自动...
通过以上步骤，我们可以创建出类似天猫、淘宝、京东等电商网站的左侧二级导航。这个过程涉及到HTML布局、CSS美化和JavaScript交互的综合运用，对提升网站用户体验至关重要。同时，代码的可维护性和扩展性也是设计时...
"京东页面JS效果实现，js实现导航条控制"这个主题聚焦于如何使用JavaScript来创建类似京东网站的导航条交互效果。下面将详细介绍这个知识点，并提供一个具体的实例——"360buyleftmenu_jb51net"。 1. **JavaScript...
在Android开发中，创建仿饿了么、京东的左右联动列表是一种常见的需求，这通常用于实现类似商城的商品分类浏览功能。这种效果通过结合Java和Android的相关技术，特别是RecyclerView的使用，可以实现高效的滚动和交互...
标题"很好导航效果"和描述"很好的导航菜单，如果有需要的可以看看，效果可以自己在编辑，一个很好的级联菜单"暗示了我们讨论的是一个具有优秀交互体验的级联导航菜单，类似于京东网站的左侧菜单。 级联菜单，也称为...