淘寶店鋪基礎版全屏輪播海報特效代碼

效果圖：

   圖片替換后用同樣方法替換點擊海報圖片打開的地址,默認四張都是http://www.taobao.com/，依次從代碼最上方開始查找替換需要連接的寶貝地址即可。以上步驟做完后，代碼修改完成了，然后在店鋪裝修后臺新建一個自定義模塊，將修改后的代碼復制到自定義模塊中，注意是要在代碼模式下復制粘貼。

<div data-componentid="5003" data-spm="110.0.5003-932850972" data-title="" data-widgetid="932850972">	<div class="skin-box tb-module ">		<s class="skin-box-tp"></s>		<div class="skin-box-bd clear-fix">			<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs">				<div class="piaofu" style="height: 480px">					<div class="J_TWidget" data-widget-config="{
            'contentCls': 'slide-kun1362899830209content',
            'triggerCls': 'slide-kun1362899830209triggers',
            'navCls': 'slide-kun1362899830209triggers',
            'triggerType': 'mouse',
            'effect': 'scrollx',
			'prevBtnCls':'prev',
			'nextBtnCls':'next',
            'steps': 1,
            'autoplay': true,
			'viewSize':[1920],
            'circular': true
        }" data-widget-type="Carousel" style="padding-right: 0px; padding-left: 0px; z-index: 10; left: -485px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; top: 0px">						<div class="J_TWidget" data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none">							<div class="prev" style="float: left; width: 90px; height: 90px">								<span><img data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" src="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" /></span></div>							<div class="next" style="margin-left: 950px; width: 90px; height: 90px">								<span><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png"  data-cke-saved-src="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" src="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" /></span></div>						</div>						<div class="first-trigger2" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; width: 1920px; padding-top: 0px; height: 500px">							<ul class="slide-kun1362899830209content" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; height: 500px">								<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">									<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>								<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">									<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>								<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">									<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>								<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">									<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>							</ul>						</div>						<ul class="slide-kun1362899830209triggers" style="padding-right: 0px; display: none; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px">							<li>								<span> </span></li>							<li>								<span> </span></li>							<li>								<span> </span></li>							<li>								<span> </span></li>						</ul>					</div>				</div>			</div>		</div>		<s class="skin-box-bt"></s></div></div>

更多淘寶店鋪裝修模板