求教，这个悬浮的图片怎么做

求教，这个右边 悬浮的图片怎么做  表示不懂代码，，  下面是这个悬浮代码天猫店的呢，，，如果我要安装到淘宝店铺 该怎么改呢，，求指导，，<div class="abs" data-type="pophtml" style="left:0px;top:0px;width:1px;height:1px;">        <div class="J_TWidget" data-widget-config="{&quot;activeTriggerCls&quot;:&quot;.tshop-psm-shop-ww-hover&quot;,&quot;interval&quot;:0.1,&quot;activeIndex&quot;:1,&quot;autoplay&quot;:true}" data-widget-type="Tabs">
                <div class="ks-switchable-content ks-switchable-nav">
                        <div class="user-leftbar" style="display:block;width:150px;height:480px;left:50%;margin-left:500px;overflow:hidden;top:120px;z-index:1;">
                                 <img src="file:///http://img03.taobaocdn.com/imgextra/i3/1756933560/TB2pke_XXXXXXX6XVXXXXXXXXXX_!!1756933560.png" width="150" height="480" border="0" usemap="#Mapkasps" style="float:none;margin:0px;" /> <map name="Mapkasps"><area coords="41,13,113,32" href="file:///http://hengrusp.tmall.com/category-866983402.htm?spm=a1z10.1.w7475684-5771753856.4.WdWplb&amp;search=y&amp;catName=1元尝鲜区&amp;scene=taobao_shop" target="_blank" /> <area coords="41,13,111,32" href="file:///http://hengrusp.tmall.com/category-866983402.htm?spm=a1z10.1.w7475684-5771753856.4.WdWplb&amp;search=y&amp;catName=1元尝鲜区&amp;scene=taobao_shop" target="_blank" /> <area coords="40,42,115,57" href="file:///http://hengrusp.tmall.com/category-799547974.htm?spm=a1z10.5.w7475684-5771753856.5.RolRhH&amp;search=y&amp;catName=9.9%D4%AA%D7%A8%C7%F8&amp;scene=taobao_shop" target="_blank" /> <area coords="47,80,113,106" href="file:///http://hengrusp.tmall.com/category-859709267.htm?spm=a1z10.5.w7475684-5771753856.6.kx0aya&amp;search=y&amp;catName=%BD%F8%BF%DA%C3%C0%CA%B3&amp;scene=taobao_shop" target="_blank" /> <area coords="41,111,115,129" href="file:///http://hengrusp.tmall.com/category-859709261.htm?spm=a1z10.5.w5002-5771753857.3.1guHYJ&amp;search=y&amp;catName=%D0%DD%CF%D0%C3%C0%CA%B3&amp;scene=taobao_shop" target="_blank" /> <area coords="24,147,120,172" href="file:///http://hengrusp.tmall.com/category-859709263.htm?spm=a1z10.5.w5002-5771753857.4.p48VCX&amp;search=y&amp;catName=%B1%FD%B8%C9%B8%E2%B5%E3%CC%C7%B9%FB&amp;scene=taobao_shop" target="_blank" /> <area coords="23,177,119,195" href="file:///http://hengrusp.tmall.com/category-859709266.htm?spm=a1z10.5.w5002-5771753857.5.0TkmHN&amp;search=y&amp;catName=%BC%E1%B9%FB%C3%DB%BD%A4%B3%B4%BB%F5&amp;scene=taobao_shop" target="_blank" /> <area coords="23,217,118,239" href="file:///http://hengrusp.tmall.com/category-859709264.htm?spm=a1z10.5.w5002-5771753857.6.lD8XOk&amp;search=y&amp;catName=%BA%A3%CF%CA%C8%E2%C0%E0%B6%B9%B8%C9&amp;scene=taobao_shop" target="_blank" /> <area coords="23,246,119,265" href="file:///http://hengrusp.tmall.com/category-859709262.htm?spm=a1z10.5.w5002-5771753857.7.PThH39&amp;search=y&amp;catName=%D2%FB%C1%CF%B3%E5%BC%C1%B9%DE%CD%B7&amp;scene=taobao_shop" target="_blank" /> </map>
                        </div>
                </div>
        </div>
</div>

http://www.yubaibai.com.cn/html/texiao/guding/gdwz_3279.html  里面有教程照着做。

http://hengrusp.tmall.com/?spm=a ... 5771753856.1.2Pfigy    给你看这家店铺的首页不是固定背景的效果呢，，

770769561@qq.co 发表于 2014-6-8 11:28
http://www.yubaibai.com.cn/html/texiao/guding/gdwz_3279.html  里面有教程照着做。

我们运营 很喜欢这种效果，，让我也模仿 做出来，，不懂高深的代码 ，，

尛尛尛 发表于 2014-6-8 11:33
我们运营 很喜欢这种效果，，让我也模仿 做出来，，不懂高深的代码 ，，

  不用懂代码的，在淘宝里面除了<table></bable>这个布局之和少话的CSS之外，，其他的都没什么太大作用的。这个里面有一段代码，复制，把图片地址放到他叫你放的那个地方去就OK了。很简单的，给你透露点小秘密哦，这是咱们老大分享给我的！你别告诉他们是我给你的哦，不然等会老大来打我屁股了。

尛尛尛 发表于 2014-6-8 11:29
http://hengrusp.tmall.com/?spm=a1z10.3.w7475684-5771753856.1.2Pfigy    给你看这家店铺的首页不是固定 ...

就是这种效果

770769561@qq.co 发表于 2014-6-8 11:41
就是这种效果

  你再仔细 看下 ，，左边那个是 固定背景 的效果，，右边的不是呢，  不然往下看的时候 右边 的怎么会出现 在全屏海报 前面 呢，，，固定背景的是在全屏海报 下面，，

你的问题我看得明白，我对代码没有研究，帮不了亲，LEF老师应该懂

廖源锋 发表于 2014-6-8 16:05
你的问题我看得明白，我对代码没有研究，帮不了亲，LEF老师应该懂

  还是你懂我啊，，，坐等lef大神回帖啊，，

天猫悬浮代码，这个里面引用到了一个CLASS 叫ABS，据我所知，利用天猫漏洞实现的，所以你用到C店肯定是不能用的.
现在C店倒有一些悬浮代码，但能不能用就不得而知了。
试试下面的代码如果不能用就不要再浪费时间了这些代码最终都会被封掉，我也是网上找来的。

1. <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'scrollx','contentCls':'content_zhicheng','navCls':'nav_zhicheng','autoplay':true,'activeTriggerCls':'.cbu-iframe','activeIndex':2,'duration':0.1,'interval':0.1}">
   
2. <ul class="content_zhicheng" style="display:none;">
   
3. <li style="width:230px; height:450px;"></li>
   
4. </ul>
   
5. 
   
6. <ul class="nav_zhicheng">
   
7. <li style="width:230px; height:450px; left:2%; top:30%px;">
   
8. <!--悬浮内容写在这里-->
   
9. <img src="http://img04.taobaocdn.com/imgextra/i4/827219986/T2d_tFXrVXXXXXXXXX_!!827219986.png" width="230" height="450" border="0" usemap="#xuanfo">
   
10. <map name="xuanfo">
    
11. <area shape="rect" coords="4,206,233,235" href="http://chinahii.taobao.com/search.htm?spm=a1z10.1.w5001-4490627403.5.Yaxsfh&orderType=hotsell_desc&scene=taobao_shop" target="_blank">
    
12. <area shape="rect" coords="2,246,233,274" href="http://chinahii.taobao.com/search.htm?spm=a1z10.1.w5001-4490627403.5.Yaxsfh&orderType=hotsell_desc&scene=taobao_shop" target="_blank">
    
13. <area shape="rect" coords="2,295,245,316" href="http://chinahii.taobao.com/search.htm?spm=a1z10.1.w5001-4490627403.5.Yaxsfh&orderType=hotsell_desc&scene=taobao_shop" target="_blank">
    
14. <area shape="rect" coords="18,414,115,443" href="#top">
    
15. <area shape="rect" coords="137,407,224,443" href="http://favorite.taobao.com/popup/add_collection.htm?spm=a1z10.3.0.0.HE5IfN&id=72393035&itemid=72393035&itemtype=0&sellerid=827219986&scjjc=2">
    
16. </map>
    
17. <!--//悬浮到这里结束 end-->
    
18. </li>
    
19. </ul>
    
20. 
    
21. </div>

复制代码