Question

求一个淘宝网店全屏轮播banner代码 求大神赐教~~~

Answer 1

给你生成一段，拿代码的话还不如自己弄套软件，方便快捷，不用自己动手软件自己生成。打算长期做淘宝或者美工的话建议自己弄套

<div  style="height:480px">
     <div   data-title="本代码由疯狂的美工装修助手自动生成"   class="TWidgst474taigyer footer-more-trigger  sn-simple-logo most-footer  mgzxzs_qpdm" style="width:1920px;height:500px;padding:0;left:50%;top:auto;border:0px solid red;background:none;">
          <div class="TWidgst474taigyer footer-more-trigger  sn-simple-logo most-footer" style="width:1920px;height:500px;padding:0;left:-50%;top:-0px;border:0px solid red;background:none;overflow: visible;;">
               <div style="width:1920px;margin:0 auto;background: url() no-repeat top center fixed;"><div data-title="本代码由疯狂的美工装修助手生成"  class="J_TWidget" data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','interval':4,'navCls':'crazy_navjkj0bfiln260','contentCls':'crazy_contentjkj0bfiln260','prevBtnCls':'mall-prevjkj0bfiln260','autoplay':true,'nextBtnCls':'mall-nextjkj0bfiln260','circular':true,'disableBtnCls':'disable','duration':2.0,'activeTriggerCls':'hidden','delay':0.1}" data-widget-type="Carousel" style=" background: none; cursor: auto; display: block;z-index:30;margin:0;padding:0;border:0;left:auto;top:auto;right:auto;width:1920px;height:500px;">
						<div class="crazy_kuangjkj0bfiln260 " style=" background: none; cursor: auto; display: block;z-index:30;width:1920px;height:500px;margin:0;padding:0;border:0;left:0px;top:0px;right:auto;overflow:hidden;">
						
<div   data-title="本代码由疯狂的美工装修助手生成"  class=" freeze-layer footer-more-trigger  footer-more most-footer  sn-simple-logo crazynav" style=" background: none; cursor: auto; display: block;width:990px;height:1px;text-align:center;left:465px;top:185px;margin:0;padding:0;border:0;z-index:99;">
<div class="J_TWidget mall-prevjkj0bfiln260" data-widget-config="{&quot;trigger&quot;:&quot;.mgzxzs_jkj0bfiln260&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.mgzxzs_jkj0bfiln260&quot;,&quot;offset&quot;:[-495,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" data-widget-type="Popup" style="display:none;">
						<div class="mall-prevjkj0bfiln260" style="font-size:100px;cursor:pointer;">
							 <img src="http://img03.taobaocdn.com/imgextra/i3/456989075/TB2ychobFXXXXb6XXXXXXXXXXXX-456989075.png" />
						</div>
					</div>
					<div class="J_TWidget mall-nextjkj0bfiln260" data-widget-config="{&quot;trigger&quot;:&quot;.mgzxzs_jkj0bfiln260&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.mgzxzs_jkj0bfiln260&quot;,&quot;offset&quot;:[495,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" data-widget-type="Popup" style="display:none;">
						<div class="mall-nextjkj0bfiln260" style="font-size:100px;cursor:pointer;">
							 <img src="http://img02.taobaocdn.com/imgextra/i2/456989075/TB2oL4mbFXXXXXtXpXXXXXXXXXX-456989075.png" />
						</div>
					</div>
					</div>
						<div style="height:500px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="mgzxzs_jkj0bfiln260">
							<ul class="crazy_contentjkj0bfiln260" style="z-index:30;">
								 <li style="width:1920px;height:500px;display:block;"><a href="http://jueker.taobao.com/" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/456989075/T2Yo4BXvBXXXXXXXXX_!!456989075.jpg" /></a></li>   <li style="width:1920px;height:500px;display:block;"><a href="http://jueker.taobao.com/" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/456989075/T2oBY2XgRXXXXXXXXX_!!456989075.jpg" /></a></li>   <li style="width:1920px;height:500px;display:block;"><a href="http://jueker.taobao.com/" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/456989075/T2DP71XmFXXXXXXXXX_!!456989075.gif" /></a></li>  
							</ul></div>
							<div class=" freeze-layer footer-more-trigger  footer-more most-footer  sn-simple-logo" style=" background: none; cursor: auto; display: block;width:100%;height:auto;margin:0;padding:0px;border:0;top:auto;left:auto;right:auto;bottom:0px;z-index:35;">
								<ul style="text-align:center;padding:5px;width:100%;">
									<li style="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px 0px 5px 10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png) no-repeat 0px -20px;">&nbsp;</li>
<li style="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px 0px 5px 10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png) no-repeat 0px -20px;">&nbsp;</li>
<li style="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px 0px 5px 10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png) no-repeat 0px -20px;">&nbsp;</li>

								</ul>
							</div>
							<div class=" freeze-layer footer-more-trigger  footer-more most-footer  sn-simple-logo" style=" background: none; cursor: auto; display: block;width:100%;height:auto;margin:0;padding:0px;border:0;top:auto;left:auto;right:auto;bottom:0px;z-index:36;">
								<ul class="crazy_navjkj0bfiln260" style="text-align:center;padding:5px;width:100%;">
								<li style="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px 0px 5px 10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png) no-repeat 0px 0px;">&nbsp;</li>

<li style="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px 0px 5px 10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png) no-repeat 0px 0px;">&nbsp;</li>

<li style="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px 0px 5px 10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png) no-repeat 0px 0px;">&nbsp;</li>


								</ul>
							</div>
						</div></div>
          </div>
     </div>
</div>

Answer 2

可以到好模板看看，有全屏轮播代码制作

Answer 3

我有的啊..