码迷,mamicode.com
首页 > 其他好文 > 详细

新版淘宝宽屏轮播代码带缩略图

时间:2014-08-22 14:27:59      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:淘宝轮播 宽屏轮播 宽屏轮播图 轮播

bubuko.com,布布扣直接复制改下图片和地址就可以直接用了 

<div class="J_TWidget" data-widget-config="{"effect": "fade", "circular": true ,"contentCls":"taobaoux"}" data-widget-type="Tabs" style="height:545px;overflow:hidden;">
	<div class="taobaoux" style="height:550px;">
		<div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">
			<div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">
				<div data-widget-config="{"contentCls": "taobaoux-com","navCls": "bbs-taobaoux-com","effect": "scrollx","easing": "easeOutStrong","prevBtnCls":"prev1920","nextBtnCls":"next1920","autoplay": true,"viewSize":[1920],"circular": true}" data-widget-type="Carousel" class="J_TWidget">
					<div class="J_TWidget" data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[-500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
						<div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#F00;">
							<
						</div>
					</div>
					<div class="J_TWidget" data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
						<div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#F00;">
							>
						</div>
					</div>
					<div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">
						<ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;">
							<li style="width:1920px;height:550px;padding:0px;margin:0px;">
								 <a target="_blank" href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.19.DJCq42&id=40754166786" style="padding:0px;margin:0px;"> 
								 <img src="http://img04.taobaocdn.com/imgextra/i4/815810282/TB2AvwcaXXXXXXWXpXXXXXXXXXX_!!815810282.jpg" width="1920px" height="550px" border="0px" /></a>
							</li>
							<li style="width:1920px;height:550px;padding:0px;margin:0px;">
								 <a target="_blank" href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.25.DJCq42&id=40754250495" style="padding:0px;margin:0px;"> 
								 <img src="http://img02.taobaocdn.com/imgextra/i2/815810282/TB2OrAcaXXXXXaGXpXXXXXXXXXX_!!815810282.jpg" width="1920px" height="550px" border="0px" /></a>
							</li>
							
							<li style="width:1920px;height:550px;padding:0px;margin:0px;">
								 <a target="_blank" href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.13.DJCq42&id=40776061767" style="padding:0px;margin:0px;"> 
								 <img src="http://img03.taobaocdn.com/imgextra/i3/815810282/TB2EggbaXXXXXa2XpXXXXXXXXXX_!!815810282.jpg" width="1920px" height="550px" border="0px" /></a>
							</li>
							<li style="width:1920px;height:550px;padding:0px;margin:0px;">
								 <a target="_blank" href="http://snegou.taobao.com/ugo.htm?spm=2013.1.w5002-8374628890.3.E6tJa5" style="padding:0px;margin:0px;"> 
								 <img src="http://img03.taobaocdn.com/imgextra/i3/815810282/TB2Z9oaaXXXXXafXXXXXXXXXXXX_!!815810282.jpg" width="1920px" height="550px" border="0px" /></a>
							</li>
							
						</ul>
						
					</div>
					<div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">
						<div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background:url() repeat;top:505px;">
							<ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align:center;">
								
								<li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
									 <img src="http://img01.taobaocdn.com/imgextra/i1/815810282/TB25pZhaXXXXXbXXXXXXXXXXXXX_!!815810282.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
								</li>
								<li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
									 <img src="http://img03.taobaocdn.com/imgextra/i3/815810282/TB2REZgaXXXXXbyXXXXXXXXXXXX_!!815810282.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
								</li>
								
								<li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
									 <img src="http://img03.taobaocdn.com/imgextra/i3/815810282/TB2xv3caXXXXXc7XXXXXXXXXXXX_!!815810282.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
								</li>
								<li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
									 <img src="http://img01.taobaocdn.com/imgextra/i1/815810282/TB2uoAaaXXXXXbjXXXXXXXXXXXX_!!815810282.png" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<ul class="ks-switchable-nav" style="display:none;">
	</ul>
</div>



我的小店:http://snegou.taobao.com/

新版淘宝宽屏轮播代码带缩略图

标签:淘宝轮播 宽屏轮播 宽屏轮播图 轮播

原文地址:http://blog.csdn.net/tender001/article/details/38756387

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!