图片全屏轮播代码
<html>
<head></head>
<body>
<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'kmcomic'}" data-widget-type="Tabs" data-title="本代码由淘宝美工助理·特效代码生成器自动生成">
<div class="kmcomic" >
<div class="footer-more-trigger" >
<div class="footer-more-trigger" >
<div class="J_TWidget" data-widget-config="{'contentCls': 'kmcomiccontent','navCls': 'kmcomictriggers','effect': 'scrollx','easing': 'elasticOut','prevBtnCls':'prev','nextBtnCls':'next','autoplay': true,'viewSize':[1920],'circular': true}" data-widget-type="Carousel">
<div class="J_TWidget" data-widget-config="{'trigger':'.qplb','align':{'node':'.qplb','offset':[0,-20],'points':['cc','cc']}}" data-widget-type="Popup" >
<div class="prev" >
<span>
<img border="0" height="52" src="img04.taobaocdn/imgextra/i4/1015393481/T2BUiMXj4bXXXXXXXX-1015393481.png" width="52" />
</span>
</div>
<div class="next" >
<span>
<img border="0" height="52" src="img03.taobaocdn/imgextra/i3/1015393481/T2V9D_Xi4aXXXXXXXX-1015393481.png" width="52" />
</span>
</div>
</div>
<div class="qplb" >
<ul class="kmcomiccontent" >
<li >
<span>
<a a href="链接1" target="_blank">
<img border="0px" height="500" src="图片1" width="1920" />
</a>
</span>
</li>
<li >
<span>
<a a href="链接2" target="_blank">
html图片展示特效 <img border="0px" height="500" src="图片2" width="1920" />
</a>
</span>
</li>
</ul>
</div>
<div class="footer-more-trigger" >
<div class="footer-more-trigger" >
<ul class="kmcomictriggers" >
<li >
<span>
<img border="0px" height="39px" src="图片1" width="120px" />
</span>
</li>
<li >
<span>
<img border="0px" height="39px" src="图片2" width="120px" />
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="ks-switchable-nav" ></ul>
</div></body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论