其实悬浮旺旺也是通过代码来装修的，只要把代码添加进去了，具体我们看代码：

淘宝悬浮旺旺代码：

[HTML]

<div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.u180Esite-nav-fixed','effect':'scrollx','interval':0.1,'activeIndex':1,'navCls':'dm_001daima_com','contentCls':'dmx','autoplay':true}" data-widget-type="Carousel" style="position:relative;">
<ul class="dmx" style="display: none; width: 999999px; left: 0px; position: absolute;">
<li style="border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; display: block; float: left;" class=""> </li>
</ul>
<ul class="dm_001daima_com">
<li style="left:50%;top:40px;height:0px;" class="cbu-iframe">
<div class="footer-more-trigger sn-simple-logo" style="left:-641px;width:150px;border:none;padding:0px 0px;margin:0px 0px;">
<div style="width:135px;overflow:hidden;">
<!--- 这里替换为你切好片的代码 -->
</div>
</div>
</li>
</ul>
</div>

位置和大小修改<div class="footer-more-trigger sn-simple-logo" style="left:-641px;width:150px;border:none;padding:0px 0px;margin:0px 0px;">这一段，left是位置 width是宽度 。
<li style="left:50%;top:40px;height:0px;" class="cbu-iframe">这句话中 top 是悬浮到顶部的位置！

天猫悬浮代码：

[HTML]

<div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.u180Etm-isv-flower-mask','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'dmxf','contentCls':'dmxf2','autoplay':true}" data-widget-type="Carousel" style="position:relative;">
<ul class="dmxf2" style="display:none;">
<li style="border-top:1px #cccccc solid;"> </li>
</ul>
<ul class="dmxf">
<li style="left:50%;top:40px;height:0px;">
<div class="footer-more-trigger sn-simple-logo" style="left:-661px;width:130px;border:3px #cccccc solid;padding:0px 0px;margin:0px 0px;">
<!--- 这里替换为你切好片的代码 -->
</div>
</li>
</ul>
</div>

修改方法同上面淘宝一样