淘宝可视化优站左侧和右侧悬浮导航源代码

大家好，今天教大家如何在可视化站点添加左侧悬浮导航和右侧悬浮导航。

案例站：http://juheji.uz.taobao.com

第一步：还是在你需要添加悬浮的页面添加一个自定义内容区，位置不重要。，一定要在源代码输入模式下黏贴，就是点击编辑器最后那个蓝色双向箭头。

第二部：把以下代码放到自定义内容区,把“http://juheji.uz.taobao.com”改成你的分类链接地址，分类部分改成你的导航名字就可以。需要改背景色，宽度等的需要懂点html+css才行。下面的是左侧悬浮，右侧悬浮把left:160px部分去掉，改成left:50%;margin-left:500px

<div class="zdy_box4 cbu-iframe" style="width:137px;height:auto;z-index:10000000;top:80px;left:160px;padding-bottom:0px;color:#232323;font-size:12px;line-height:14px;margin-top:60px;">
<div style="background-color:#232323;text-align:center;padding:20px 0;line-height:30px;">
<ul class="menu-cate">
<li class="brand">
<a href="http://juheji.uz.taobao.com" style="color:#fff;padding:0 15px;">女装</a></li>
<li class="brand">
<a href="http://juheji.uz.taobao.com" style="color:#fff;padding:0 15px;">男装</a></li>
<li class="brand">
<a href="http://juheji.uz.taobao.com" style="color:#fff;padding:0 15px;">母婴</a></li>
<li class="brand">
<a href="http://juheji.uz.taobao.com" style="color:#fff;padding:0 15px;">美食</a></li>
<li class="brand">
<a href="http://juheji.uz.taobao.com" style="color:#fff;padding:0 15px;">鞋包</a></li>
<li class="brand">
<a href="http://juheji.uz.taobao.com" style="color:#fff;padding:0 15px;">家居</a></li>
<li class="brand">
<a href="http://juheji.uz.taobao.com" style="color:#fff;padding:0 15px;">美妆</a></li>
<li class="brand">
<a href="http://juheji.uz.taobao.com" style="color:#fff;padding:0 15px;">数码</a></li>
</ul>
</div>
</div>