返回首页
苏宁会员
购物车 0
易付宝
手机苏宁
分类
<div>
<div class="float" id="leftFloat">
<style type="text/css">
   #leftFloat{position: fixed; display: none; top: 50%; margin-top: -400px;}
   #leftFloat img{display: block; width: 170px;}
   #leftFloat .f-top, #leftFloat .f-bottom{overflow: hidden; display:block;}
   #leftFloat ul{width: 170px; background: #161313; overflow: hidden; padding-top: 2px;}
   #leftFloat ul li{width: 50%; text-align: center;height: 28px;overflow: hidden;position: relative;float: left;}
   #leftFloat ul li a{width: 100%; border-right:2px #161313 solid; height: 28px; background:#161313; float: right; text-decoration:none; color: #e7e2e3; font-size: 12px; font-family: 'Microsoft YaHei',Arial,\5b8b\4f53,sans-serif; display: inline-block; line-height: 28px; position: relative; text-align: left; text-indent: 15px;}
   #leftFloat ul li a.bg2, #leftFloat ul li:nth-child(4n+1) a, #leftFloat ul li:nth-child(4n+2) a{background:#241f1f; border-color: #241f1f;}
   #leftFloat ul li a:hover{background: #ff7e00; border-color: #fff; color: #151212;}
   #leftFloat ul li a:after, #leftFloat ul li a>._after{position: absolute; right: 10px; top: 0; content: ">"; *content: none; color: #b3a4a6; font-family:\5b8b\4f53,serif,sans-serif; font-style: normal;}
   #leftFloat ul li a:hover:after, #leftFloat ul li a:hover>._after{color: #161313;}
#leftFloat .f-bottom{}
#leftFloat .f-QRCode{background: #161313; overflow: hidden;}
#leftFloat .f-QRCode img{display: block; margin: 15px auto;}
   #hidebar{position: fixed;left: -100px;top: 0;width: 100px;height: 100%;display: none;}
   #hidebar i{width: 42px; height: 100%; display: inline-block; background: #161313;}
   #hidebar img{position: absolute;top: 0;left: 0;z-index: 999;}
</style>
<div class="f-top">
<a href="http://cuxiao.suning.com/915djpjlzn.html" target="_blank"><img src="http://image3.suning.cn/uimg/cms/img/150485628494037325.png" /></a></div>
<!-- <dt><a href="javascript:;" style="line-height: 12px;">家用电器</a></dt> --> <ul>
<li>
<a href="http://cuxiao.suning.com/hd20161212.html" target="_blank">电视家影</a></li>
<li>
<a href="https://cuxiao.suning.com/bx888.html" target="_blank">钜惠冰洗</a></li>
<li>
<a href="http://cuxiao.suning.com/cw001117.html" target="_blank">厨卫电器</a></li>
<li>
<a href="https://cuxiao.suning.com/c0916phone.html" target="_blank">手机会场</a></li>
<li>
<a href="https://cuxiao.suning.com/dn00473.html" target="_blank">电脑会场</a></li>
<li>
<a href="https://pindao.suning.com/city/zhinengshuma.html" target="_blank">智能数码</a></li>
<li>
<a href="http://cuxiao.suning.com/xjdptr916.html" target="_blank">生活家电</a></li>
            <li>
<a href="http://cuxiao.suning.com/ktdckx.html" target="_blank">优选空调</a></li>    
<li>
<a href="https://cuxiao.suning.com/sm001841.html" target="_blank">相机会场</a></li>
<li>
<a href="http://cuxiao.suning.com/qc0071.html" target="_blank">汽车用品</a></li>
<li>
<a href="http://cuxiao.suning.com/cszq911.html" target="_blank">超市会场</a></li>
<li>
<a href="https://cuxiao.suning.com/912boom.html" target="_blank">服饰百货</a></li>
<li>
<a href="http://cuxiao.suning.com/bhqjjzj02.html" target="_blank">家装建材</a></li>
<li>
<a href="http://cuxiao.suning.com/my915pc.html" target="_blank">母婴会场</a></li>
<li>
<a href="https://cuxiao.suning.com/hwgzq.html" target="_blank">海外进口</a></li>
<li>
<a href="http://cuxiao.suning.com/tswj.html" target="_blank">图书专场</a></li>
<li>
<a href="http://ju.suning.com/" target="_blank">大聚惠</a></li>
<li>
<a href="http://cuxiao.suning.com/djdlh0526.html" target="_blank">家装节</a></li>
<li>
<a href="http://temai.suning.com/" target="_blank">苏宁特卖</a></li>
<li>
<a href="https://cuxiao.suning.com/city/bkjiazhuangjie.html" target="_blank">苏宁帮客</a></li>
<li>
<a href="http://cuxiao.suning.com/qygzqj.html" target="_blank">企业购</a></li>
<li>
<a href="http://2.suning.com/" target="_blank">二手优品</a></li>
<li>
<a href="http://zc.suning.com/" target="_blank">苏宁众筹</a></li>
<li>
<a href="https://sale.suning.com/jr/bxcfjxpc/index.html" target="_blank">苏宁保险</a></li>
<li>
<a href="http://cuxiao.suning.com/xieyan.html" target="_blank">中华特色</a></li>
<li>
<a href="http://cuxiao.suning.com/guodognjie.html" target="_blank">月饼提前购</a></li>
<li>
<a href="http://jinrong.suning.com/O2OfuliPC.html" target="_blank">苏宁金融</a></li>
<li>
<a href="https://cuxiao.suning.com/city/pptvhy.html" target="_blank">体育会员</a></li>
</ul>
<div class="f-bottom">
<!-- <div class="f-QRCode"><a><img src="https://image3.suning.cn/uimg/cms/img/147083513401037493.png" /></a></div> --> <a class="toHide" href="javascript:;"> <img src="http://image3.suning.cn/uimg/cms/img/150485631680511622.png" /></a></div>
</div>
<!--缩略图--> <div id="hidebar">
<i>&nbsp;</i> <a href="javascript:;"><img src="https://image3.suning.cn//uimg/cms/img/146952540482822843.png" /> </a></div>
<script>
(function(){
var $parent = $('#leftFloat').parents('.ECode-floatBar');
$parent.show(0, function(){
$(this).find('#leftFloat').css({marginTop: 0 - $('#leftFloat').height()*0.5}).show();
$(this).hide();
});
// 伪元素处理
if(!window.addEventListener&&!(!!document.querySelector&&!window.addEventListener)) {
   $('#leftFloat li>a').append('<i class="_after">></i>');
}
})();
 
$(function(){
$('#leftFloat .toHide').click(function(){
   $('#leftFloat').animate({left: 0 - $(this).width()},300,function(){
       $('#hidebar').show().animate({left:'0px'},300)
   });
});
 
$('#hidebar').click(function(){
   $(this).animate({left:'-100px'},300,function(){
       $(this).hide();
       $('#leftFloat').animate({left:'0px'},300)
   });
});
})
</script></div>