全国
切换校区
400-800-4439

全国统一官方热线: 8:00 - 23:00

企业动态
成为中国电商服务商知名品牌
美迪首页 > 干货资讯 > 电商美工资讯 >

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

来源:https://www.mede.com.cn 作者:美迪电商教育 发布时间:2014-05-28 16:27 点击:
       关于淘宝店铺的特效那可就有很多很多,可是比较常用的还有就那么几款,而今天广州美迪淘宝培训说的全屏海报效果可能和往时的不一样,有什么不同?
 
       下面请看:

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

<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>
 
 
美迪电商教育——专注电商培训15年!
点击了解美迪电商培训课程
  • 0基础教学
  • 系统学习
  • 小班教学
  • 实操演练
  • 线上网课
  • VIP群
  • 5年免费复训
电商路,我们一起走,让你少走弯路!
本文地址:https://www.mede.com.cn/share/clipart/460.html
联系客服
在线报名 在线报名
在线报名
免费电话