不用CSS管理权限,也不需要尤其写CSS款式。该编码只有用以天猫和淘宝店面的主页,全屏幕效果不适用淘宝网自定网页页面,适用天猫商城自定网页页面。
轮播代码里的轮播图片规格为1920*600清晰度,总体实际效果十分的大方,宏大。针对顾客的视觉冲击力十分的剧烈。
想查询该1920*600全屏幕轮播代码的实际效果,请去子雨的店面看效果:
http://tqao.taobao.com/
淘宝天猫1920全屏幕轮播代码的使用方法:
一、在淘宝卖家中心装修店铺主页中,新创建一个950的自定区控制模块。
二、拷贝下边的编码,随后黏贴到自定区中。
应用编码前请先将相匹配编码里的上传图片自身的淘宝图片空间连接上来,要不然会出错说不能使用别人图片空间的照片。
淘宝天猫1920全屏幕轮播代码效果图片:
淘宝天猫1920全屏幕轮播代码:
<div class="tb-module tshop-um tshop-um-tophaibao" style="width:950px; overflow:visible; height:100%; margin-bottom:10px; height:624px;">
<div class="haibao footer-more-trigger mui-display-none" style=" padding:0px; visibility: visible; border:0; left:50%; top:auto; width:1920px; _width:950px; height:624px; z-index:99;">
<div class=" footer-more-trigger mui-display-none" style=" padding:0px; visibility: visible; border:0; left:-50%; top:auto; width:1920px; height:624px; z-index:99;">
<div class=" footer-more-trigger mui-display-none" style=" padding:0px; visibility: visible; border:0; left:0; top:auto; width:1920px; overflow:hidden; height:624px; z-index:99;">
<div class="mall-slide J_TWidget bd bd" data-widget-type="Carousel" data-widget-config=" { 'effect': 'scrollx', 'easing': 'easeOutStrong', 'viewSize': [1920], 'circular': true, 'prevBtnCls': 'prev', 'nextBtnCls': 'next', 'disableBtnCls': 'disable', 'autoplay':true }" style="width: 1920px; overflow: hidden; position: relative; border: 0px; height: 624px;">
<div class="mall-content clearfix" style="width: 1920px; overflow: hidden; height: 624px; position: relative;">
<ul class="ks-switchable-content" style="width: 999999px; display: block; position: absolute;">
<li style="width: 1920px; display: block; float: left; height: 624px;" class="ks-switchable-panel-internal13">
<a target="_blank" href="#" style="display:block; width:100%; height:624px; background:transparent url(https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664244432-20220927020712-63325ad0e7212.jpg) no-repeat center 0;"></a>
</li>
<li style="width: 1920px; display: block; float: left; height: 624px;" class="ks-switchable-panel-internal13">
<a target="_blank" href="#" style="display:block; width:100%; height:624px; background:transparent url(https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664244432-20220927020712-63325ad0e7212.jpg) no-repeat center 0;"></a>
</li>
<li style="width: 1920px; display: block; float: left; height: 624px;" class="ks-switchable-panel-internal13">
<a target="_blank" href="#" style="display:block; width:100%; height:624px; background:transparent url(https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664244432-20220927020712-63325ad0e7212.jpg) no-repeat center 0;"></a>
</li>
</ul>
</div>
<div class="bg img_bg footer-more-trigger mui-display-none" style=" padding:0px; visibility: visible; border:0; width:1920px; height:35px; background-color:#fff; left:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); opacity:0.3; height:80px; top:544px; ">
</div>
<ul class="ks-switchable-nav img_nav footer-more-trigger mui-display-none " style=" width:auto; padding:0px; visibility: visible; border:0; display:inline-block; text-align:center; top:544px; left:739px; height:80px; ">
<li class="ks-active ks-switchable-trigger-internal12" style=" width:130px; height:60px; margin-right:10px; border:2px solid #fff; margin-top:8px; cursor:pointer; float:left; ">
<img src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664244432-20220927020712-63325ad0e7212.jpg" width="130" height="60"></li>
<li class="ks-switchable-trigger-internal12" style=" width:130px; height:60px; margin-right:10px; border:2px solid #fff; margin-top:8px; cursor:pointer; float:left; ">
<img src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664244432-20220927020712-63325ad0e7212.jpg" width="130" height="60"></li>
<li class="ks-switchable-trigger-internal12" style=" width:130px; height:60px; margin-right:10px; border:2px solid #fff; margin-top:8px; cursor:pointer; float:left; margin-right:0;">
<img src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664244432-20220927020712-63325ad0e7212.jpg" width="130" height="60"></li>
</ul>
</div>
</div> </div> </div> </div>