今日关键讲讲怎么在淘宝店面应用淘宝网飘浮编码和飘浮分类代码如何获得这些,最先而言说如何安装子雨给予的归类导航栏飘浮编码。
自然,大家可以先去看看一下子雨带来的编码演试详细地址:http://hafufu.taobao.com 请看在淘宝手机店铺右上方的导航栏归类实际效果。
第一、进到他们的室内装修网页页面。点一下模版 发生下边的网页页面呐!!
立即拷贝下边的导航栏分类代码,编码有隐藏作用,鼠标移动上来会出现归类导航栏,挪动召开会议隐藏归类。
归类导航代码的效果图片:
<div class="J_TWidget" data-widget-config="{'effect':'scrollx','contentCls':'content_zhicheng','navCls':'nav_zhicheng','autoplay':true,'activeTriggerCls':'.cbu-iframe','activeIndex':2,'duration':0.1,'interval':0.1}" data-widget-type="Carousel"> <ul class="content_zhicheng" style="display:none;"> <li style="width:230px;height:450px;"> </li> </ul> <ul class="nav_zhicheng"> <li style="width:230px;height:450px;left:77%;top:0%;"> <div class="ks-switchable-nav" style="width:212px;height:auto;"> <div class="ks-switchable-trigger-internal662 cbu-iframe" style="left:82%;top:0px;width:1920px;height:340px;border:0 none;z-index:100001;"> <div class="J_TWidget" data-widget-config="{'effect':'none','autoplay': false,'circular': false,'triggerType':'click','contentCls':'content_YHG','navCls':'nav_YHG','activeTriggerCls':'hidden','activeIndex':0}" data-widget-type="Tabs"> <ul class="nav_YHG" style="width:16px;height:16px;"> <li class="hidden ks-content-trigger" style="top:0px;width:17px;height:130px;"> <a style="width:17px;height:130px;margin-left:196px;display:block;"><img src="http://img03.taobaocdn.com/imgextra/i3/1664929591/T23hneXx0XXXXXXXXX-1664929591.png" /></a> <span> </span></li> <li class="ks-content-trigger" style="width:16px;height:16px;margin-right:0px;"> <a style="margin-left:196px;display:block;"><img src="http://img02.taobaocdn.com/imgextra/i2/1664929591/T2inTeXqlXXXXXXXXX-1664929591.jpg" /></a> <span> </span></li> </ul> <div class="content_YHG"> <div style="width:240px;height:auto;"> <div class="sx_tools_code" style="height:264px;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:100%;height:264px;border:none;padding:0;top:auto;left:auto;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:240px;height:264px;left:auto;top:auto;border:none;padding:0;overflow:hidden;"> <div class="sx_one footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;height:264px;width:240px;top:auto;left:auto;"> <div style="background-color:transparent;background-repeat:no-repeat;height:264px;width:240px;position:relative;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;left:55px;top:31px;height:130px;width:130px;z-index:3;"> <div class="slider_sys_wrap J_TWidget" data-widget-config="{'effect': 'scrollx', 'circular': true,'autoplay': true,'duration': 0.3,'contentCls' : 'sx_content_carousel','prevBtnCls':'sx_left_carousel','nextBtnCls':'sx_right_carousel'}" data-widget-type="Carousel" style="height:130px;width:130px;"> <ul class="ks-switchable-nav footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:68px;height:58px;z-index:90;left:0px;top:264px;overflow:visible;display:none;"> <li class="ks-active" style="float:left;width:50px;height:50px;background-color:#CCCCCC;border:#666666 1px solid;color:#666666;text-align:center;cursor:pointer;padding:0px 5px;margin:3px 3px;"> <img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2eOLeXu0XXXXXXXXX-1664929591.png" style="width:50px;height:50px;" /></li> <li style="float:left;width:50px;height:50px;background-color:#CCCCCC;border:#666666 1px solid;color:#666666;text-align:center;cursor:pointer;padding:0px 5px;margin:3px 3px;"> <img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2AaDeXzVXXXXXXXXX-1664929591.png" style="width:50px;height:50px;" /></li> <li style="float:left;width:50px;height:50px;background-color:#CCCCCC;border:#666666 1px solid;color:#666666;text-align:center;cursor:pointer;padding:0px 5px;margin:3px 3px;"> <img src="http://img02.taobaocdn.com/imgextra/i2/1664929591/T2cFzeXAtXXXXXXXXX-1664929591.png" style="width:50px;height:50px;" /></li> </ul> <div style="height:130px;width:130px;overflow:hidden;"> <ul class="sx_content_carousel clearfix" style="top:0;"> <li style="height:130px;width:130px;"> <a href="http://item.taobao.com/item.htm?spm=a1z10.5.w4002-1676303011.35.qIC2fv&id=35494631872&scene=taobao_shop" style="display:block;font-size:0;" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2eOLeXu0XXXXXXXXX-1664929591.png" /></a></li> <li style="height:130px;width:130px;"> <a href="http://item.taobao.com/item.htm?spm=a1z10.5.w4002-1676303011.35.qIC2fv&id=35494631872&scene=taobao_shop" style="display:block;font-size:0;" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2AaDeXzVXXXXXXXXX-1664929591.png" /></a></li> <li style="height:130px;width:130px;"> <a href="http://item.taobao.com/item.htm?spm=a1z10.5.w4002-1676303011.35.qIC2fv&id=35494631872&scene=taobao_shop" style="display:block;font-size:0;" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1664929591/T2cFzeXAtXXXXXXXXX-1664929591.png" /></a></li> </ul> </div> <span class="sx_left_carousel footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;z-index:90;left:-25px;top:50.5px;cursor:pointer;"><img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2fireXt4XXXXXXXXX-1664929591.png" /></span><span class="sx_right_carousel footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;z-index:90;left:140px;top:50.5px;cursor:pointer;"><img src="http://img03.taobaocdn.com/imgextra/i3/1664929591/T2MzvcXy4aXXXXXXXX-1664929591.png" /></span></div> </div> <a class="img_223128 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/search.htm?spm=2013.1.w5002-1676276999.1.qfXgs8&search=y&scene=taobao_shop" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2SQzeXtlXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:199px;width:240px;height:65px;z-index:2;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:240px;height:65px;" /></a> <div class="img_8358 footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2dcndXrtaXXXXXXXX-1664929591.png) no-repeat;left:0px;top:0px;width:240px;height:199px;z-index:1;"> <img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:240px;height:199px;" /></div> </div> </div> </div> </div> </div> </div> </div> <div class="J_TWidget hidden" data-widget-config="{ 'trigger':'.img_223128', 'align':{ 'node':'.img_223128', 'offset':[0,35], 'points':['tl','tc'] } }" data-widget-type="Popup"> <div class="sx_tools_code" style="height:358px;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:100%;height:358px;border:none;padding:0;top:auto;left:auto;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:310px;height:358px;left:auto;top:auto;border:none;padding:0;overflow:hidden;"> <div class="sx_one footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;height:358px;width:310px;top:auto;left:auto;"> <div style="background-color:transparent;background-repeat:no-repeat;height:358px;width:310px;position:relative;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;left:204px;top:1px;width:30px;height:27px;z-index:13;"> <a href="http://cart.taobao.com/cart.htm?spm=a1z10.1.754894817.1.IhYRxj&from=mini&ad_id=&am_id=&cm_id=&pm_id=1501036000a02c5c3739&scene=taobao_shop" style="display:block;font-size:0;" target="_blank"><img height="27" src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" width="30" /></a></div> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;left:0px;top:311px;width:275px;height:47px;z-index:12;background:url(http://img03.taobaocdn.com/imgextra/i3/1664929591/T28sveXz8XXXXXXXXX-1664929591.png) no-repeat;"> <form action="http://hafufu.taobao.com/search.htm?scene=taobao_shop" method="post" target="_blank"> <input class="footer-more-trigger sx_abs" name="keyword" style="width:auto;border:none 0;padding:0;color:#000000;background:none transparent;border:none 0;left:70px;top:5px;width:117px;height:20px;line-height:20px;outline:none 0;" type="text" /><input class="footer-more-trigger sx_abs J_TWidget" data-widget-config="{'png':true,'png_bg':true}" data-widget-type="Compatible" style="width:auto;border:none 0;padding:0;cursor:pointer;background:none transparent;border:none 0;left:188px;top:2px;width:32px;height:25px;" type="submit" value="" /> </form> </div> <a class="img_78048 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864226536.htm?spm=a1z10.3.w4010-1755038903.113.ouv7dK&search=y&catName=����&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img02.taobaocdn.com/imgextra/i2/1664929591/T2lwzeXyXXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:274px;width:275px;height:37px;z-index:10;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:37px;" /></a><a class="img_91958 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-794133729.htm?spm=a1z10.5.w4010-1676303010.73.ZsJIvt&search=y&catName=ë��ԡ��&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2ir2fXplXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:240px;width:275px;height:34px;z-index:9;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:34px;" /></a><a class="img_124258 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864226529.htm?spm=a1z10.5.w4010-1676303010.104.BqtfqX&search=y&catName=ë̺&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img03.taobaocdn.com/imgextra/i3/1664929591/T2JbrdXuVaXXXXXXXX-1664929591.png) no-repeat;left:0px;top:206px;width:275px;height:34px;z-index:7;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:34px;" /></a><a class="img_163898 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864222701.htm?spm=a1z10.5.w4010-1676303010.94.uxTFIQ&search=y&catName=��о&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img02.taobaocdn.com/imgextra/i2/1664929591/T2N2zeXyJXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:172px;width:275px;height:34px;z-index:6;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:34px;" /></a><a class="img_267478 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864221997.htm?spm=a1z10.5.w4010-1676303010.85.EvGcon&search=y&catName=����ר��&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img04.taobaocdn.com/imgextra/i4/1664929591/T2PuzdXpdaXXXXXXXX-1664929591.png) no-repeat;left:0px;top:137px;width:275px;height:35px;z-index:5;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:35px;" /></a><a class="img_4178 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864220364.htm?spm=a1z10.5.w4010-1676303010.54.qcs5qf&search=y&catName=���ӱ�о&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2zmjeXsdXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:103px;width:275px;height:34px;z-index:4;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:34px;" /></a><a class="img_63818 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864219170.htm?spm=a1z10.5.w4010-1676303010.50.zmWPMg&search=y&catName=�����&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2AbLeXA0XXXXXXXXX-1664929591.png) no-repeat;left:0px;top:68px;width:275px;height:35px;z-index:3;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:35px;" /></a><a class="img_62118 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864148477.htm?spm=a1z10.5.w4010-1676303010.9.Vm8nti&search=y&catName=�ļ���&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2x7bdXpdaXXXXXXXX-1664929591.png) no-repeat;left:0px;top:32px;width:275px;height:36px;z-index:2;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:36px;" /></a> <div class="img_231698 footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img04.taobaocdn.com/imgextra/i4/1664929591/T2Wq6eXAhXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:0px;width:275px;height:32px;z-index:1;"> <img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:32px;" /></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> </ul> </div>
自然,大家可以先去看看一下子雨带来的编码演试详细地址:http://hafufu.taobao.com 请看在淘宝手机店铺右上方的导航栏归类实际效果。
第一、进到他们的室内装修网页页面。点一下模版 发生下边的网页页面呐!!
到这儿,最重要的部分来了哦。。
点一下“背景设置” 发生下边的网页页面,然后看图片:
点一下“彻底自定 ”按键,发生彻底自定的文字啦。看图片看图
将我的编码所有拷进来遮盖掉原先的编码。。是所有啊(强烈要求原先自身的编码自身拷出去备个份),随后储存。
到此大家已经完成一大半的一大半了哦。
第二步、.在室内装修主页网页页面,进行飘浮编码的加上。
在主页中加上自定具体内容区,看图片
编写改自定具体内容区。点一下“编写HTML源代码”按键,然后他刚刚的COPY到彻底自定的编码再度拷记到自定区域源码中。如下图。
最终储存。到此,淘宝网悬浮导航分类代码的组装即使做好了!!!
下一页为该分类代码,请点击拷贝应用。
立即拷贝下边的导航栏分类代码,编码有隐藏作用,鼠标移动上来会出现归类导航栏,挪动召开会议隐藏归类。
归类导航代码的效果图片:
<div class="J_TWidget" data-widget-config="{'effect':'scrollx','contentCls':'content_zhicheng','navCls':'nav_zhicheng','autoplay':true,'activeTriggerCls':'.cbu-iframe','activeIndex':2,'duration':0.1,'interval':0.1}" data-widget-type="Carousel"> <ul class="content_zhicheng" style="display:none;"> <li style="width:230px;height:450px;"> </li> </ul> <ul class="nav_zhicheng"> <li style="width:230px;height:450px;left:77%;top:0%;"> <div class="ks-switchable-nav" style="width:212px;height:auto;"> <div class="ks-switchable-trigger-internal662 cbu-iframe" style="left:82%;top:0px;width:1920px;height:340px;border:0 none;z-index:100001;"> <div class="J_TWidget" data-widget-config="{'effect':'none','autoplay': false,'circular': false,'triggerType':'click','contentCls':'content_YHG','navCls':'nav_YHG','activeTriggerCls':'hidden','activeIndex':0}" data-widget-type="Tabs"> <ul class="nav_YHG" style="width:16px;height:16px;"> <li class="hidden ks-content-trigger" style="top:0px;width:17px;height:130px;"> <a style="width:17px;height:130px;margin-left:196px;display:block;"><img src="http://img03.taobaocdn.com/imgextra/i3/1664929591/T23hneXx0XXXXXXXXX-1664929591.png" /></a> <span> </span></li> <li class="ks-content-trigger" style="width:16px;height:16px;margin-right:0px;"> <a style="margin-left:196px;display:block;"><img src="http://img02.taobaocdn.com/imgextra/i2/1664929591/T2inTeXqlXXXXXXXXX-1664929591.jpg" /></a> <span> </span></li> </ul> <div class="content_YHG"> <div style="width:240px;height:auto;"> <div class="sx_tools_code" style="height:264px;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:100%;height:264px;border:none;padding:0;top:auto;left:auto;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:240px;height:264px;left:auto;top:auto;border:none;padding:0;overflow:hidden;"> <div class="sx_one footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;height:264px;width:240px;top:auto;left:auto;"> <div style="background-color:transparent;background-repeat:no-repeat;height:264px;width:240px;position:relative;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;left:55px;top:31px;height:130px;width:130px;z-index:3;"> <div class="slider_sys_wrap J_TWidget" data-widget-config="{'effect': 'scrollx', 'circular': true,'autoplay': true,'duration': 0.3,'contentCls' : 'sx_content_carousel','prevBtnCls':'sx_left_carousel','nextBtnCls':'sx_right_carousel'}" data-widget-type="Carousel" style="height:130px;width:130px;"> <ul class="ks-switchable-nav footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:68px;height:58px;z-index:90;left:0px;top:264px;overflow:visible;display:none;"> <li class="ks-active" style="float:left;width:50px;height:50px;background-color:#CCCCCC;border:#666666 1px solid;color:#666666;text-align:center;cursor:pointer;padding:0px 5px;margin:3px 3px;"> <img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2eOLeXu0XXXXXXXXX-1664929591.png" style="width:50px;height:50px;" /></li> <li style="float:left;width:50px;height:50px;background-color:#CCCCCC;border:#666666 1px solid;color:#666666;text-align:center;cursor:pointer;padding:0px 5px;margin:3px 3px;"> <img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2AaDeXzVXXXXXXXXX-1664929591.png" style="width:50px;height:50px;" /></li> <li style="float:left;width:50px;height:50px;background-color:#CCCCCC;border:#666666 1px solid;color:#666666;text-align:center;cursor:pointer;padding:0px 5px;margin:3px 3px;"> <img src="http://img02.taobaocdn.com/imgextra/i2/1664929591/T2cFzeXAtXXXXXXXXX-1664929591.png" style="width:50px;height:50px;" /></li> </ul> <div style="height:130px;width:130px;overflow:hidden;"> <ul class="sx_content_carousel clearfix" style="top:0;"> <li style="height:130px;width:130px;"> <a href="http://item.taobao.com/item.htm?spm=a1z10.5.w4002-1676303011.35.qIC2fv&id=35494631872&scene=taobao_shop" style="display:block;font-size:0;" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2eOLeXu0XXXXXXXXX-1664929591.png" /></a></li> <li style="height:130px;width:130px;"> <a href="http://item.taobao.com/item.htm?spm=a1z10.5.w4002-1676303011.35.qIC2fv&id=35494631872&scene=taobao_shop" style="display:block;font-size:0;" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2AaDeXzVXXXXXXXXX-1664929591.png" /></a></li> <li style="height:130px;width:130px;"> <a href="http://item.taobao.com/item.htm?spm=a1z10.5.w4002-1676303011.35.qIC2fv&id=35494631872&scene=taobao_shop" style="display:block;font-size:0;" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1664929591/T2cFzeXAtXXXXXXXXX-1664929591.png" /></a></li> </ul> </div> <span class="sx_left_carousel footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;z-index:90;left:-25px;top:50.5px;cursor:pointer;"><img src="http://img04.taobaocdn.com/imgextra/i4/1664929591/T2fireXt4XXXXXXXXX-1664929591.png" /></span><span class="sx_right_carousel footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;z-index:90;left:140px;top:50.5px;cursor:pointer;"><img src="http://img03.taobaocdn.com/imgextra/i3/1664929591/T2MzvcXy4aXXXXXXXX-1664929591.png" /></span></div> </div> <a class="img_223128 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/search.htm?spm=2013.1.w5002-1676276999.1.qfXgs8&search=y&scene=taobao_shop" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2SQzeXtlXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:199px;width:240px;height:65px;z-index:2;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:240px;height:65px;" /></a> <div class="img_8358 footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2dcndXrtaXXXXXXXX-1664929591.png) no-repeat;left:0px;top:0px;width:240px;height:199px;z-index:1;"> <img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:240px;height:199px;" /></div> </div> </div> </div> </div> </div> </div> </div> <div class="J_TWidget hidden" data-widget-config="{ 'trigger':'.img_223128', 'align':{ 'node':'.img_223128', 'offset':[0,35], 'points':['tl','tc'] } }" data-widget-type="Popup"> <div class="sx_tools_code" style="height:358px;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:100%;height:358px;border:none;padding:0;top:auto;left:auto;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;width:310px;height:358px;left:auto;top:auto;border:none;padding:0;overflow:hidden;"> <div class="sx_one footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;height:358px;width:310px;top:auto;left:auto;"> <div style="background-color:transparent;background-repeat:no-repeat;height:358px;width:310px;position:relative;"> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;left:204px;top:1px;width:30px;height:27px;z-index:13;"> <a href="http://cart.taobao.com/cart.htm?spm=a1z10.1.754894817.1.IhYRxj&from=mini&ad_id=&am_id=&cm_id=&pm_id=1501036000a02c5c3739&scene=taobao_shop" style="display:block;font-size:0;" target="_blank"><img height="27" src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" width="30" /></a></div> <div class="footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;left:0px;top:311px;width:275px;height:47px;z-index:12;background:url(http://img03.taobaocdn.com/imgextra/i3/1664929591/T28sveXz8XXXXXXXXX-1664929591.png) no-repeat;"> <form action="http://hafufu.taobao.com/search.htm?scene=taobao_shop" method="post" target="_blank"> <input class="footer-more-trigger sx_abs" name="keyword" style="width:auto;border:none 0;padding:0;color:#000000;background:none transparent;border:none 0;left:70px;top:5px;width:117px;height:20px;line-height:20px;outline:none 0;" type="text" /><input class="footer-more-trigger sx_abs J_TWidget" data-widget-config="{'png':true,'png_bg':true}" data-widget-type="Compatible" style="width:auto;border:none 0;padding:0;cursor:pointer;background:none transparent;border:none 0;left:188px;top:2px;width:32px;height:25px;" type="submit" value="" /> </form> </div> <a class="img_78048 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864226536.htm?spm=a1z10.3.w4010-1755038903.113.ouv7dK&search=y&catName=����&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img02.taobaocdn.com/imgextra/i2/1664929591/T2lwzeXyXXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:274px;width:275px;height:37px;z-index:10;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:37px;" /></a><a class="img_91958 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-794133729.htm?spm=a1z10.5.w4010-1676303010.73.ZsJIvt&search=y&catName=ë��ԡ��&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2ir2fXplXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:240px;width:275px;height:34px;z-index:9;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:34px;" /></a><a class="img_124258 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864226529.htm?spm=a1z10.5.w4010-1676303010.104.BqtfqX&search=y&catName=ë̺&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img03.taobaocdn.com/imgextra/i3/1664929591/T2JbrdXuVaXXXXXXXX-1664929591.png) no-repeat;left:0px;top:206px;width:275px;height:34px;z-index:7;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:34px;" /></a><a class="img_163898 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864222701.htm?spm=a1z10.5.w4010-1676303010.94.uxTFIQ&search=y&catName=��о&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img02.taobaocdn.com/imgextra/i2/1664929591/T2N2zeXyJXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:172px;width:275px;height:34px;z-index:6;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:34px;" /></a><a class="img_267478 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864221997.htm?spm=a1z10.5.w4010-1676303010.85.EvGcon&search=y&catName=����ר��&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img04.taobaocdn.com/imgextra/i4/1664929591/T2PuzdXpdaXXXXXXXX-1664929591.png) no-repeat;left:0px;top:137px;width:275px;height:35px;z-index:5;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:35px;" /></a><a class="img_4178 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864220364.htm?spm=a1z10.5.w4010-1676303010.54.qcs5qf&search=y&catName=���ӱ�о&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2zmjeXsdXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:103px;width:275px;height:34px;z-index:4;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:34px;" /></a><a class="img_63818 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864219170.htm?spm=a1z10.5.w4010-1676303010.50.zmWPMg&search=y&catName=�����&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2AbLeXA0XXXXXXXXX-1664929591.png) no-repeat;left:0px;top:68px;width:275px;height:35px;z-index:3;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:35px;" /></a><a class="img_62118 footer-more-trigger sx_abs" href="http://hafufu.taobao.com/category-864148477.htm?spm=a1z10.5.w4010-1676303010.9.Vm8nti&search=y&catName=�ļ���&scene=taobao_shop#bd" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img01.taobaocdn.com/imgextra/i1/1664929591/T2x7bdXpdaXXXXXXXX-1664929591.png) no-repeat;left:0px;top:32px;width:275px;height:36px;z-index:2;" target="_blank"><img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:36px;" /></a> <div class="img_231698 footer-more-trigger sx_abs" style="width:auto;border:none 0;padding:0;overflow:hidden;display:block;background:url(http://img04.taobaocdn.com/imgextra/i4/1664929591/T2Wq6eXAhXXXXXXXXX-1664929591.png) no-repeat;left:0px;top:0px;width:275px;height:32px;z-index:1;"> <img src="http://img01.taobaocdn.com/bao/uploaded/i3/T1t2rYXiVhXXartXjX" style="width:275px;height:32px;" /></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> </ul> </div>