淘宝天猫工具
京东店铺工具
1688工具
阿里国际站工具
VIP会员
登录
|
注册
【左侧导航1】拖此处可移动
【左侧导航2】拖此处可移动
【左侧导航3】拖此处可移动
【左侧导航4】拖此处可移动
【左侧导航5】拖此处可移动
【左侧导航6】拖此处可移动
【左侧导航7】拖此处可移动
【左侧导航8】拖此处可移动
【左侧导航9】拖此处可移动
【左侧导航10】拖此处可移动
【左侧导航11】拖此处可移动
【左侧导航12】拖此处可移动
【左侧导航13】拖此处可移动
【左侧导航14】拖此处可移动
【左侧导航15】拖此处可移动
【左侧导航16】拖此处可移动
【左侧导航17】拖此处可移动
【左侧导航18】拖此处可移动
【左侧导航19】拖此处可移动
【左侧导航20】拖此处可移动
【左侧导航21】拖此处可移动
【左侧导航22】拖此处可移动
【左侧导航23】拖此处可移动
【左侧导航24】拖此处可移动
【左侧导航25】拖此处可移动
【左侧导航26】拖此处可移动
【左侧导航27】拖此处可移动
【左侧导航28】拖此处可移动
【左侧导航29】拖此处可移动
【左侧导航30】拖此处可移动
【左侧导航31】拖此处可移动
【左侧导航32】拖此处可移动
【左侧导航33】拖此处可移动
【左侧导航34】拖此处可移动
【左侧导航35】拖此处可移动
【左侧导航36】拖此处可移动
【左侧导航37】拖此处可移动
【左侧导航38】拖此处可移动
【左侧导航39】拖此处可移动
【左侧导航40】拖此处可移动
【左侧导航41】拖此处可移动
【左侧导航42】拖此处可移动
【左侧导航43】拖此处可移动
【左侧导航44】拖此处可移动
【左侧导航45】拖此处可移动
【左侧导航46】拖此处可移动
【左侧导航47】拖此处可移动
【左侧导航48】拖此处可移动
【左侧导航49】拖此处可移动
【左侧导航50】拖此处可移动
【左侧导航51】拖此处可移动
【左侧导航52】拖此处可移动
【左侧导航53】拖此处可移动
【左侧导航54】拖此处可移动
【左侧导航55】拖此处可移动
【左侧导航56】拖此处可移动
【左侧导航57】拖此处可移动
【左侧导航58】拖此处可移动
【左侧导航59】拖此处可移动
【左侧导航60】拖此处可移动
【左侧导航61】拖此处可移动
【左侧导航62】拖此处可移动
【左侧导航63】拖此处可移动
【左侧导航64】拖此处可移动
【左侧导航65】拖此处可移动
【左侧导航66】拖此处可移动
【左侧导航67】拖此处可移动
【左侧导航68】拖此处可移动
【左侧导航69】拖此处可移动
【左侧导航70】拖此处可移动
【左侧导航71】拖此处可移动
【左侧导航72】拖此处可移动
【左侧导航73】拖此处可移动
【左侧导航74】拖此处可移动
【左侧导航75】拖此处可移动
【左侧导航76】拖此处可移动
【左侧导航77】拖此处可移动
【左侧导航78】拖此处可移动
【左侧导航79】拖此处可移动
【左侧导航80】拖此处可移动
.www_1miaozhong_com_daohang .abs { position:absolute; } .www_1miaozhong_com_daohang a { display:block; } .a_contact_188005123{width:100%; height:100%;} .mod{ margin-bottom:0px;} .show_box{display:none;} .show_box img{display:block;} .show_boxnav{display:none;} .a_contact_188005123:hover .show_box{display:block} .a_contact_188005123:hover .show_boxnav{display:block} body .mod-newCustomContent .custom-content-wrap{overflow:visible;} body .mod-ui-fluid .skin-topbanner{display:none;} body .mod-ui-fluid .top-nav-bar{display:none;}
yangshi
contes
如果不懂花10分钟看视频教程就能学会!建议360浏览器观看,有任何疑问或者不懂加QQ:249977084
京东侧边栏导航菜单视频教程
当前浏览器不支持video直接播放,点击这里下载视频:
下载视频
0:00:00
0:00:00
点击这里全屏播放 ►
背景图片地址:
填写一张1920背景图片地址,然后点击加载图片
点击加载图片
温馨提示:如果图片加载不出来按ctrl+f5刷新再试一下
店铺类型:
【京东店铺】
默认背景代码:
点击这里打开页面制作生成代码,然后复制代码粘贴下面文本框中
鼠标经过默认海报
鼠标经过放大图片
左侧导航1
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航2
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航3
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航4
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航5
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航6
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航7
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航8
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航9
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航10
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航11
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航12
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航13
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航14
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航15
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航16
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航17
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航18
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航19
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航20
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航21
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航22
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航23
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航24
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航25
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航26
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航27
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航28
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航29
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
左侧导航30
当前选择状态图片地址:
鼠标经过是否显示右边图片:
是
否
右边海报代码:
海报代码,然后复制到这文本框中(
热点代码生成地址
)
总宽度(px)
总高度(px)
填写左侧菜单栏宽度像素
右侧海报图片上下调整像素
复制下面代码到自己后台装修页面的自定义模块当中 点击就可以复制代码
<script src="https:http://assets.alicdn.com/s/kissy/1.1.5/overlay/overlay-pkg.js" async="" charset="utf-8"></script><script src="https:http://assets.alicdn.com/s/kissy/1.1.5/datalazyload/datalazyload-pkg.js" async="" charset="utf-8"></script><script src="https:http://assets.alicdn.com/s/kissy/1.1.5/switchable/switchable-pkg.js" async="" charset="utf-8"></script><link href="http://assets.alicdn.com/apps/pamirsshop/wiki/stylesheets/base-min.css" rel="stylesheet"><link type="text/css" rel="stylesheet" href="http://assets.alicdn.com/apps/pamirsshop/wiki/stylesheets/prettify.css"><link href="http://assets.alicdn.com/apps/pamirsshop/wiki/stylesheets/wiki.css" rel="stylesheet"> <style> body,ul,li{margin:0px; padding:0px; overflow-x: hidden;}
</style>
<input type="hidden" value="隐藏" class="J_hide"><input type="hidden" value="显示" class="J_show"><script type="text/javascript" src="http://assets.alicdn.com/apps/pamirsshop/wiki/scripts/prettify.js"> </script><script src="http://assets.alicdn.com/s/kissy/1.1.5/kissy.js"></script><script src="http://assets.alicdn.com/apps/pamirsshop/wiki/scripts/jquery-min-1.4.js"></script><script src="http://assets.alicdn.com/apps/pamirsshop/wiki/scripts/wiki.js"></script>
不会的话可以看视频教程!有什么疑问联系 QQ:249977084