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 { 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-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

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

Made in China

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

Commercial Kitchen Equipment

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

Refrigeration

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

Fitness & Sports Equipment

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

Security

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

IT

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

More

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

More

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

More

  • Bar Stools
  • Bar Tables
  • Cabinet Doors/Materials
  • Kitchen Cabinets
  • Kitchen Carts
  • Wine Cabinets
  • Other 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的内容.

仿京东左侧菜单弹出html代码,一个类似京东网页左侧菜单扩展的特效代码相关推荐

  1. Android 仿 新闻阅读器 菜单弹出效果(附源码DEMO)

    这一系列博文都是:(android高仿系列)今日头条 --新闻阅读器 (一) 开发中碰到问题之后实现的,觉得可能有的开发者用的到或则希望独立成一个小功能DEMO,所以就放出来这么一个DEMO. 原本觉 ...

  2. 仿qq等右上角弹出气泡菜单效果

    仿QQ右上角的弹出菜单框 博客同步自:个人博客主页 Screenshots How to Use step 1 Add the JitPack repository to your build fil ...

  3. html5仿qq空间,JS实现的仿QQ空间图片弹出效果代码

    本文实例讲述了JS实现的仿QQ空间图片弹出效果代码.分享给大家供大家参考,具体如下: function imageShow(which_click) { var image_path = which_ ...

  4. android实现阅读器底部菜单,android仿新闻阅读器菜单弹出效果实例(附源码DEMO下载)...

    开发中碰到问题之后实现的,觉得可能有的开发者用的到或则希望独立成一个小功能DEMO,所以就放出来这么一个DEMO. 原本觉得是最后完成后发网站客户端的,可是这样体现不出一个功能一个功能的分析实现效果, ...

  5. 高仿163网站广告弹出层(每天定时24小时弹出一次)

    高仿163网站广告弹出层(每天定时24小时弹出一次) 这里和京东首页定时弹出广告功能一样:用JS实现网站首页弹出广告:超级炫酷的定时弹出图片广告:淘宝网站广告弹出层实现. 高仿163网站广告弹出层(每 ...

  6. android 微博底部弹出,Android实现微博菜单弹出效果

    Android实现微博菜单弹出效果 发布时间:2020-08-23 07:48:12 来源:脚本之家 阅读:89 作者:gqdy365 先上Android仿微博菜单弹出效果图,这个截图不是很流畅,大家 ...

  7. Python队列左侧元素弹出queue.popleft()

    [小白从小学Python.C.Java] [Python-计算机等级考试二级] [Python-数据分析] Python队列左侧元素弹出 queue.popleft() [太阳]选择题 以下Pytho ...

  8. 仿微信软键盘弹出与隐藏

    仿微信软键盘弹出与隐藏,效果图如下: 实现输入框弹出,软键盘弹出,获取焦点,否则失去焦点. 首先在 AndroidManifest 文件的对应 Activity 中加入下面代码: android:wi ...

  9. android studio菜单自动弹出,Android实现微博菜单弹出效果

    先上Android仿微博菜单弹出效果图,这个截图不是很流畅,大家可以下载apk试一下. 说一下实现思路: 1.截取当前窗口,对图片做高斯模糊处理,将处理后的图片做popupwindow的背景图片: 2 ...

最新文章

  1. JSP笔记-页面重定向
  2. C# 时间+三位随机数
  3. jquery生成二维码
  4. 虚拟主机IIS防范入侵常见问答
  5. Springboot : RequestContextHolder
  6. 分界符 EOF 不使用反斜杠转义的技巧
  7. linux如何导入安装包,linux下安装pip以及导入第三方包
  8. C#设计模式之5-单例模式
  9. Docker学习のDocker初识
  10. 实验四_078_刘玲志
  11. 全网首发:彻底搞清楚了下划线的规则
  12. Atom: 被墙,插件安装慢、安装困难 解决方案
  13. 苹果 AppStore 财年和账单那些趣事
  14. 常见的html字体,网页设计中最常用的字体有哪些
  15. .vue文件怎么使用_手机技巧:被人忽视OTG功能怎么使用?复制文件到U盘的新方法...
  16. 把ATmega128开发板转为Arduino
  17. 目标客户画像_4 种类型 + 10 大步骤,详解用户画像
  18. Labview编程模式
  19. eclipse快捷方式打不开解决方法
  20. 【校招VIP】产品设计和思维考察之数值分析

热门文章

  1. 我的阿里秋招之路——阿里实习offer+校招offer
  2. 金蝶K3开发-工业单据自定义控件
  3. 利用FFmpeg API进行字符叠加和加水印
  4. rror: [$injector:unpr] http...r?p0=contentCategoryServicePro错误解决方案
  5. li相关整理:如何改变li前面点的颜色和如何去掉li的点
  6. d类数字功放芯片音质怎么样?
  7. 如何利用工具低成本构建腾讯云灾备方案?
  8. linux系统安装绿色版mysql
  9. ssm+Vue计算机毕业设计学科竞赛管理(程序+LW文档)
  10. python socket基于TCP/IP协议实现多人聊天室