一键访问 | 淘宝开店QQ群1:275113935 QQ群2:91255548 QQ群3:15732716 QQ群4:35780981
下载地址

淘宝C店鼠标经过弹出二维码效果代码

淘宝C店鼠标经过弹出二维码效果代码无需下载代码。

怎么样结构清晰吧,可以直接自己调整代码的定位后放到自定义区域发布欣赏,觉得还可以的话给个赞吧!

原理很简单,定位,轮播,思路才是最重要的。知道原理的自己去弄另外一个不是很简单么!

图片效果:




代码如下,自己复制粘贴吧。


<div style="width:950px;height:3115px;">
        <div class="footer-more-trigger" style="padding:0px;left:50%;">
                <div class="footer-more-trigger" style="padding:0px;left:-600px;top:0px;">
                        <div style="width:950px;height:3115px;float:left;">
            <!--产品1-01-->
                        <a  target="_blank"><img class="p1-01" src="http://gdp.alicdn.com/imgextra/i4/602026830/TB21BHddpXXXXaKXpXXXXXXXXXX_!!602026830.jpg" width="317" height="564" style="float:left;" /></a> 
            <!--产品1-02-->
            <a  target="_blank"><img class="p1-02" src="http://gdp.alicdn.com/imgextra/i4/602026830/TB28lTpdpXXXXbJXXXXXXXXXXXX_!!602026830.jpg" width="316" height="564" style="float:left;" /></a> 
            <!--产品1-03-->
            <a  target="_blank"><img class="p1-03" src="http://gdp.alicdn.com/imgextra/i1/602026830/TB2RNfqdpXXXXa_XXXXXXXXXXXX_!!602026830.jpg" width="317" height="564" style="float:left;" /></a> 
            <!--产品2-01-->
            <a  target="_blank"><img class="p2-01" src="http://img04.taobaocdn.com/imgextra/i4/602026830/TB2otModpXXXXbKXpXXXXXXXXXX_!!602026830.png" width="317" height="560" style="float:left;" /></a> 
            <!--产品2-02-->
            <a  target="_blank"><img class="p2-02" src="http://img02.taobaocdn.com/imgextra/i2/602026830/TB2NqczdpXXXXc7XXXXXXXXXXXX_!!602026830.jpg" width="317" height="560" style="float:left;" /></a> 
            <!--产品2-03-->
            <a  target="_blank"><img class="p2-03" src="http://img01.taobaocdn.com/imgextra/i1/602026830/TB2ccZndpXXXXbWXpXXXXXXXXXX_!!602026830.jpg" width="314" height="560" style="float:left;" /></a> 
            <!--产品3-01-->
            <a  target="_blank"><img class="p3-01" src="http://gdp.alicdn.com/imgextra/i1/602026830/TB2EtbudpXXXXaCXXXXXXXXXXXX_!!602026830.jpg" width="317" height="559" style="float:left;" /></a> 
            <!--产品3-02-->
            <a  target="_blank"><img class="p3-02" src="http://gdp.alicdn.com/imgextra/i1/602026830/TB2lt_jdpXXXXc_XXXXXXXXXXXX_!!602026830.jpg" width="316" height="559" style="float:left;" /></a> 
            <!--产品3-03-->
            <a  target="_blank"><img class="p3-03" src="http://gdp.alicdn.com/imgextra/i2/602026830/TB2z26edpXXXXasXpXXXXXXXXXX_!!602026830.jpg" width="317" height="560" style="float:left;" /></a> 
            <!--产品4-01-->
            <a  target="_blank"><img class="p4-01" src="http://gdp.alicdn.com/imgextra/i2/602026830/TB2q.bvdpXXXXXoXXXXXXXXXXXX_!!602026830.jpg" width="317" height="560" style="float:left;" /></a> 
            <!--产品4-02-->
            <a  target="_blank"><img class="p4-02" src="http://gdp.alicdn.com/imgextra/i2/602026830/TB2iJC.dpXXXXcaXpXXXXXXXXXX_!!602026830.jpg" width="316" height="560" style="float:left;" /></a> 
            <!--产品4-03-->
            <a  target="_blank"><img class="p4-03" src="http://gdp.alicdn.com/imgextra/i2/602026830/TB2UHLfdpXXXXX0XpXXXXXXXXXX_!!602026830.jpg" width="317" height="560" style="float:left;" /></a> 
            <!--产品5-01-->
            <a  target="_blank"><img class="p5-01" src="http://gdp.alicdn.com/imgextra/i2/602026830/TB2PrvddpXXXXawXpXXXXXXXXXX_!!602026830.jpg" width="317" height="558" style="float:left;" /></a> 
            <!--产品5-02-->
            <a  target="_blank"><img class="p5-02" src="http://gdp.alicdn.com/imgextra/i2/602026830/TB29_6pdpXXXXbDXXXXXXXXXXXX_!!602026830.jpg" width="316" height="558" style="float:left;" /></a> 
            <!--产品5-03-->
            <a  target="_blank"><img class="p5-03" src="http://gdp.alicdn.com/imgextra/i1/602026830/TB2v.TcdpXXXXaKXpXXXXXXXXXX_!!602026830.jpg" width="317" height="558" style="float:left;" /></a> 
         <img src="http://gdp.alicdn.com/imgextra/i4/602026830/TB21VzydpXXXXXyXXXXXXXXXXXX_!!602026830.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i1/602026830/TB2GB_ndpXXXXcdXXXXXXXXXXXX_!!602026830.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i3/602026830/TB2YdTadpXXXXbpXpXXXXXXXXXX_!!602026830.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i2/602026830/TB2yC_odpXXXXb5XXXXXXXXXXXX_!!602026830.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i1/602026830/TB21KjadpXXXXaCXpXXXXXXXXXX_!!602026830.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i3/602026830/TB2xHHudpXXXXaPXXXXXXXXXXXX_!!602026830.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i3/602026830/TB2O_DmdpXXXXcwXXXXXXXXXXXX_!!602026830.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i1/602026830/TB29c2sdpXXXXbcXXXXXXXXXXXX_!!602026830.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i2/602026830/TB2a7zudpXXXXaBXXXXXXXXXXXX_!!602026830.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i4/602026830/TB22GDqdpXXXXbAXXXXXXXXXXXX_!!602026830.jpg" style="float:left;" />
                        </div>
                </div>
        </div>
</div>
<!--产品1_01-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p1-01','align':{'node':'.p1-01','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:564px;background:url() no-repeat;"></div></a>
</div>
<!--产品1_02-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p1-02','align':{'node':'.p1-02','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:564px;background:url() no-repeat;"></div></a>
</div>
<!--产品1_03-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p1-03','align':{'node':'.p1-03','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:564px;background:url() no-repeat;"></div></a>
</div>
<!--产品2_01-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p2-01','align':{'node':'.p2-01','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:560px;background:url() no-repeat;"></div></a>
</div>
<!--产品2_02-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p2-02','align':{'node':'.p2-02','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:560px;background:url() no-repeat;"></div></a>
</div>
<!--产品2_03-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p2-03','align':{'node':'.p2-03','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:314px;height:560px;background:url() no-repeat;"></div></a>
</div>
<!--产品3_01-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p3-01','align':{'node':'.p3-01','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:559px;background:url() no-repeat;"></div></a>
</div>
<!--产品3_02-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p3-02','align':{'node':'.p3-02','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:316px;height:559px;background:url() no-repeat;"></div></a>
</div>
<!--产品3_03-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p3-03','align':{'node':'.p3-03','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:559px;background:url() no-repeat;"></div></a>
</div>
<!--产品4_01-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p4-01','align':{'node':'.p4-01','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:560px;background:url() no-repeat;"></div></a>
</div>
<!--产品4_02-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p4-02','align':{'node':'.p4-02','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:316px;height:560px;background:url() no-repeat;"></div></a>
</div>
<!--产品4_03-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p4-03','align':{'node':'.p4-03','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:560px;background:url() no-repeat;"></div></a>
</div>
<!--产品5_01-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p5-01','align':{'node':'.p5-01','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:558px;background:url() no-repeat;"></div></a>
</div>
<!--产品5_02-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p5-02','align':{'node':'.p5-02','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:316px;height:558px;background:url() no-repeat;"></div></a>
</div>
<!--产品5_03-->
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.p5-03','align':{'node':'.p5-03','offset':[0,0],'points':['ct','ct']}}">
  <a  target="_blank"><div style="width:317px;height:558px;background:url() no-repeat;"></div></a>
</div>

本网站素材资源仅供个人学习与参考,请勿用于商业用途,后果由使用者自己承担!!!