淘宝店铺鼠标经过图片显示边框代码

       关于淘宝店铺的特效那可就有很多很多，可是比较常用的还有就那么几款，而今天成都百宝淘宝培训说的全屏海报效果可能和往时的不一样，有什么不同？
 
       下面请看：

 
 
 
        那么这种淘宝店铺鼠标经过图片显示边框效果怎么实现的？只要把以下的代码复制进去自定义的内容模块里面就可以了，这个我们经常有讲的？好吧，不多说，去片。
 
       代码：

<DIV style="HEIGHT: 449px">
<DIV 
style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 469px; BORDER-TOP: 0px; TOP: auto; BORDER-RIGHT: 0px; PADDING-TOP: 0px; LEFT: auto" 
class=footer-more-trigger>
<DIV 
style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 469px; BORDER-TOP: 0px; TOP: auto; BORDER-RIGHT: 0px; PADDING-TOP: 0px; LEFT: -485px" 
class=footer-more-trigger>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=1920 
background=http://img.tbzxiu.com/14/T26WQrXJRXXXXXXXXX_!!41251343.jpg height=469>
  <TBODY>
  <TR>
    <TD height=69 width=460></TD>
    <TD height=69 width=245></TD>
    <TD height=69 width=7></TD>
    <TD height=69 width=245></TD>
    <TD height=69 width=6></TD>
    <TD height=69 width=245></TD>
    <TD height=69 width=7></TD>
    <TD height=69 width=245></TD>
    <TD height=69 width=460></TD></TR>
  <TR>
    <TD height=279 width=460></TD>
    <TD height=279 width=245>
      <DIV 
      style="WIDTH: 245px; BACKGROUND: url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif); HEIGHT: 279px" 
      class=tanchu_jing_yuzhou>
      <DIV aria-disabled=false 
      style="Z-INDEX: 99999800; POSITION: absolute; DISPLAY: block; VISIBILITY: visible; TOP: 69px; LEFT: 460px" 
      class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-shown ks-overlay-shown" 
      data-widget-type="Popup" 
      data-widget-config="{'trigger':'.tanchu_jing_yuzhou','align':{'node':'.tanchu_jing_yuzhou','points':['tl','tl'],'offset':[0,0]}}">
      <DIV class=ks-contentbox><IMG alt=" 01" 
      src="http://img.tbzxiu.com/14/T2l0QrXJ4XXXXXXXXX_!!41251343.gif" 
      data-pinit="registered"></DIV></DIV></DIV></TD>
    <TD height=279 width=7></TD>
    <TD height=279 width=245>
      <DIV 
      style="WIDTH: 245px; BACKGROUND: url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif); HEIGHT: 279px" 
      class=tanchu_xi_yuzhou>
      <DIV aria-disabled=false 
      style="Z-INDEX: 99999800; POSITION: absolute; DISPLAY: block; VISIBILITY: hidden; TOP: 69px; LEFT: 711px" 
      class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" 
      data-widget-type="Popup" 
      data-widget-config="{'trigger':'.tanchu_xi_yuzhou','align':{'node':'.tanchu_xi_yuzhou','points':['tl','tl'],'offset':[-1,0]}}">
      <DIV class=ks-contentbox><IMG alt=" 02" 
      src="http://img.tbzxiu.com/14/T2JP.nXFtaXXXXXXXX_!!41251343.gif" 
      data-pinit="registered"></DIV></DIV></DIV></TD>
    <TD height=279 width=6></TD>
    <TD height=279 width=245>
      <DIV 
      style="WIDTH: 245px; BACKGROUND: url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif); HEIGHT: 279px" 
      class=tanchu_zhun_yuzhou>
      <DIV aria-disabled=false 
      style="Z-INDEX: 99999800; POSITION: absolute; DISPLAY: block; VISIBILITY: hidden; TOP: 69px; LEFT: 963px" 
      class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" 
      data-widget-type="Popup" 
      data-widget-config="{'trigger':'.tanchu_zhun_yuzhou','align':{'node':'.tanchu_zhun_yuzhou','points':['tl','tl'],'offset':[0,0]}}">
      <DIV class=ks-contentbox><IMG alt=" 03" 
      src="http://img.tbzxiu.com/14/T2ugApXNJXXXXXXXXX_!!41251343.gif" 
      data-pinit="registered"></DIV></DIV></DIV></TD>
    <TD height=279 width=7></TD>
    <TD height=279 width=245>
      <DIV 
      style="WIDTH: 245px; BACKGROUND: url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif); HEIGHT: 279px" 
      class=tanchu_kuai_yuzhou>
      <DIV aria-disabled=false 
      style="Z-INDEX: 99999800; POSITION: absolute; DISPLAY: block; VISIBILITY: hidden; TOP: 69px; LEFT: 1214px" 
      class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" 
      data-widget-type="Popup" 
      data-widget-config="{'trigger':'.tanchu_kuai_yuzhou','align':{'node':'.tanchu_kuai_yuzhou','points':['tl','tl'],'offset':[-1,0]}}">
      <DIV class=ks-contentbox><IMG alt=" 04" 
      src="http://img.tbzxiu.com/14/T2jFZrXKJXXXXXXXXX_!!41251343.gif" 
      data-pinit="registered"></DIV></DIV></DIV></TD>
    <TD height=279 width=460></TD></TR>
  <TR>
    <TD height=121 width=460></TD>
    <TD height=121 width=245></TD>
    <TD height=121 width=7></TD>
    <TD height=121 width=245></TD>
    <TD height=121 width=6></TD>
    <TD height=121 width=245></TD>
    <TD height=121 width=7></TD>
    <TD height=121 width=245></TD>
    <TD height=121 
width=460></TD></TR></TBODY></TABLE></DIV></DIV></DIV>
 
 

本文地址：http://www.mybaibao.com/share/clipart/460.html

• 上一篇：如何快速制作淘宝旺铺店标？
• 下一篇：淘宝店铺如何设置背景颜色？