關(guān)于淘寶店鋪的特效那可就有很多很多,可是比較常用的還有就那么幾款,而今天廣州美迪淘寶培訓(xùn)說的全屏海報(bào)效果可能和往時的不一樣,有什么不同?
下面請看:
那么這種淘寶店鋪鼠標(biāo)經(jīng)過圖片顯示邊框效果怎么實(shí)現(xiàn)的?只要把以下的代碼復(fù)制進(jìn)去自定義的內(nèi)容模塊里面就可以了,這個我們經(jīng)常有講的?好吧,不多說,去片。
代碼:
<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://casciot.com.cn/share/clipart/460.html