關于淘寶店鋪的特效那可就有很多很多,可是比較常用的還有就那么幾款,而今天廣州淘寶培訓說的全屏海報效果可能和往時的不一樣,有什么不同?
下面請看:
那么這種淘寶店鋪鼠標經過圖片顯示邊框效果怎么實現的?只要把以下的代碼復制進去自定義的內容模塊里面就可以了,這個我們經常有講的?好吧,不多說,去片。
代碼:
<DIVstyle="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>
<TABLEborder=0cellSpacing=0cellPadding=0width=1920
background=http://img.tbzxiu.com/14/T26WQrXJRXXXXXXXXX_!!41251343.jpgheight=469>
<TBODY>
<TR>
<TDheight=69width=460></TD>
<TDheight=69width=245></TD>
<TDheight=69width=7></TD>
<TDheight=69width=245></TD>
<TDheight=69width=6></TD>
<TDheight=69width=245></TD>
<TDheight=69width=7></TD>
<TDheight=69width=245></TD>
<TDheight=69width=460></TD></TR>
<TR>
<TDheight=279width=460></TD>
<TDheight=279width=245>
<DIV
style="WIDTH:245px;BACKGROUND:url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif);HEIGHT:279px"
class=tanchu_jing_yuzhou>
<DIVaria-disabled=false
style="Z-INDEX:99999800;POSITION:absolute;DISPLAY:block;VISIBILITY:visible;TOP:69px;LEFT:460px"
class="J_TWidgetks-popupks-overlayks-ext-positionks-popup-shownks-overlay-shown"
data-widget-type="Popup"
data-widget-config="{trigger:.tanchu_jing_yuzhou,align:{node:.tanchu_jing_yuzhou,points:[tl,tl],offset:[0,0]}}">
<DIVclass=ks-contentbox><IMGalt="01"
src="http://img.tbzxiu.com/14/T2l0QrXJ4XXXXXXXXX_!!41251343.gif"
data-pinit="registered"></DIV></DIV></DIV></TD>
<TDheight=279width=7></TD>
<TDheight=279width=245>
<DIV
style="WIDTH:245px;BACKGROUND:url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif);HEIGHT:279px"
class=tanchu_xi_yuzhou>
<DIVaria-disabled=false
style="Z-INDEX:99999800;POSITION:absolute;DISPLAY:block;VISIBILITY:hidden;TOP:69px;LEFT:711px"
class="J_TWidgetks-popupks-overlayks-ext-positionks-popup-hiddenks-overlay-hidden"
data-widget-type="Popup"
data-widget-config="{trigger:.tanchu_xi_yuzhou,align:{node:.tanchu_xi_yuzhou,points:[tl,tl],offset:[-1,0]}}">
<DIVclass=ks-contentbox><IMGalt="02"
src="http://img.tbzxiu.com/14/T2JP.nXFtaXXXXXXXX_!!41251343.gif"
data-pinit="registered"></DIV></DIV></DIV></TD>
<TDheight=279width=6></TD>
<TDheight=279width=245>
<DIV
style="WIDTH:245px;BACKGROUND:url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif);HEIGHT:279px"
class=tanchu_zhun_yuzhou>
<DIVaria-disabled=false
style="Z-INDEX:99999800;POSITION:absolute;DISPLAY:block;VISIBILITY:hidden;TOP:69px;LEFT:963px"
class="J_TWidgetks-popupks-overlayks-ext-positionks-popup-hiddenks-overlay-hidden"
data-widget-type="Popup"
data-widget-config="{trigger:.tanchu_zhun_yuzhou,align:{node:.tanchu_zhun_yuzhou,points:[tl,tl],offset:[0,0]}}">
<DIVclass=ks-contentbox><IMGalt="03"
src="http://img.tbzxiu.com/14/T2ugApXNJXXXXXXXXX_!!41251343.gif"
data-pinit="registered"></DIV></DIV></DIV></TD>
<TDheight=279width=7></TD>
<TDheight=279width=245>
<DIV
style="WIDTH:245px;BACKGROUND:url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif);HEIGHT:279px"
class=tanchu_kuai_yuzhou>
<DIVaria-disabled=false
style="Z-INDEX:99999800;POSITION:absolute;DISPLAY:block;VISIBILITY:hidden;TOP:69px;LEFT:1214px"
class="J_TWidgetks-popupks-overlayks-ext-positionks-popup-hiddenks-overlay-hidden"
data-widget-type="Popup"
data-widget-config="{trigger:.tanchu_kuai_yuzhou,align:{node:.tanchu_kuai_yuzhou,points:[tl,tl],offset:[-1,0]}}">
<DIVclass=ks-contentbox><IMGalt="04"
src="http://img.tbzxiu.com/14/T2jFZrXKJXXXXXXXXX_!!41251343.gif"
data-pinit="registered"></DIV></DIV></DIV></TD>
<TDheight=279width=460></TD></TR>
<TR>
<TDheight=121width=460></TD>
<TDheight=121width=245></TD>
<TDheight=121width=7></TD>
<TDheight=121width=245></TD>
<TDheight=121width=6></TD>
<TDheight=121width=245></TD>
<TDheight=121width=7></TD>
<TDheight=121width=245></TD>
<TDheight=121
width=460></TD></TR></TBODY></TABLE></DIV></DIV></DIV>
下面請看:
那么這種淘寶店鋪鼠標經過圖片顯示邊框效果怎么實現的?只要把以下的代碼復制進去自定義的內容模塊里面就可以了,這個我們經常有講的?好吧,不多說,去片。
代碼:
<DIVstyle="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>
<TABLEborder=0cellSpacing=0cellPadding=0width=1920
background=http://img.tbzxiu.com/14/T26WQrXJRXXXXXXXXX_!!41251343.jpgheight=469>
<TBODY>
<TR>
<TDheight=69width=460></TD>
<TDheight=69width=245></TD>
<TDheight=69width=7></TD>
<TDheight=69width=245></TD>
<TDheight=69width=6></TD>
<TDheight=69width=245></TD>
<TDheight=69width=7></TD>
<TDheight=69width=245></TD>
<TDheight=69width=460></TD></TR>
<TR>
<TDheight=279width=460></TD>
<TDheight=279width=245>
<DIV
style="WIDTH:245px;BACKGROUND:url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif);HEIGHT:279px"
class=tanchu_jing_yuzhou>
<DIVaria-disabled=false
style="Z-INDEX:99999800;POSITION:absolute;DISPLAY:block;VISIBILITY:visible;TOP:69px;LEFT:460px"
class="J_TWidgetks-popupks-overlayks-ext-positionks-popup-shownks-overlay-shown"
data-widget-type="Popup"
data-widget-config="{trigger:.tanchu_jing_yuzhou,align:{node:.tanchu_jing_yuzhou,points:[tl,tl],offset:[0,0]}}">
<DIVclass=ks-contentbox><IMGalt="01"
src="http://img.tbzxiu.com/14/T2l0QrXJ4XXXXXXXXX_!!41251343.gif"
data-pinit="registered"></DIV></DIV></DIV></TD>
<TDheight=279width=7></TD>
<TDheight=279width=245>
<DIV
style="WIDTH:245px;BACKGROUND:url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif);HEIGHT:279px"
class=tanchu_xi_yuzhou>
<DIVaria-disabled=false
style="Z-INDEX:99999800;POSITION:absolute;DISPLAY:block;VISIBILITY:hidden;TOP:69px;LEFT:711px"
class="J_TWidgetks-popupks-overlayks-ext-positionks-popup-hiddenks-overlay-hidden"
data-widget-type="Popup"
data-widget-config="{trigger:.tanchu_xi_yuzhou,align:{node:.tanchu_xi_yuzhou,points:[tl,tl],offset:[-1,0]}}">
<DIVclass=ks-contentbox><IMGalt="02"
src="http://img.tbzxiu.com/14/T2JP.nXFtaXXXXXXXX_!!41251343.gif"
data-pinit="registered"></DIV></DIV></DIV></TD>
<TDheight=279width=6></TD>
<TDheight=279width=245>
<DIV
style="WIDTH:245px;BACKGROUND:url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif);HEIGHT:279px"
class=tanchu_zhun_yuzhou>
<DIVaria-disabled=false
style="Z-INDEX:99999800;POSITION:absolute;DISPLAY:block;VISIBILITY:hidden;TOP:69px;LEFT:963px"
class="J_TWidgetks-popupks-overlayks-ext-positionks-popup-hiddenks-overlay-hidden"
data-widget-type="Popup"
data-widget-config="{trigger:.tanchu_zhun_yuzhou,align:{node:.tanchu_zhun_yuzhou,points:[tl,tl],offset:[0,0]}}">
<DIVclass=ks-contentbox><IMGalt="03"
src="http://img.tbzxiu.com/14/T2ugApXNJXXXXXXXXX_!!41251343.gif"
data-pinit="registered"></DIV></DIV></DIV></TD>
<TDheight=279width=7></TD>
<TDheight=279width=245>
<DIV
style="WIDTH:245px;BACKGROUND:url(http://img01.taobaocdn.com/imgextra/i1/41251343/T2p6dwXrRaXXXXXXXX_!!41251343.gif);HEIGHT:279px"
class=tanchu_kuai_yuzhou>
<DIVaria-disabled=false
style="Z-INDEX:99999800;POSITION:absolute;DISPLAY:block;VISIBILITY:hidden;TOP:69px;LEFT:1214px"
class="J_TWidgetks-popupks-overlayks-ext-positionks-popup-hiddenks-overlay-hidden"
data-widget-type="Popup"
data-widget-config="{trigger:.tanchu_kuai_yuzhou,align:{node:.tanchu_kuai_yuzhou,points:[tl,tl],offset:[-1,0]}}">
<DIVclass=ks-contentbox><IMGalt="04"
src="http://img.tbzxiu.com/14/T2jFZrXKJXXXXXXXXX_!!41251343.gif"
data-pinit="registered"></DIV></DIV></DIV></TD>
<TDheight=279width=460></TD></TR>
<TR>
<TDheight=121width=460></TD>
<TDheight=121width=245></TD>
<TDheight=121width=7></TD>
<TDheight=121width=245></TD>
<TDheight=121width=6></TD>
<TDheight=121width=245></TD>
<TDheight=121width=7></TD>
<TDheight=121width=245></TD>
<TDheight=121
width=460></TD></TR></TBODY></TABLE></DIV></DIV></DIV>
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 淘寶店鋪鼠標經過圖片顯示邊框代碼