当前位置:首页 ? 淘宝装修教程 ? 正文

长胜六合心水论坛:【实用】2012专业版店铺全屏轮播代码

3685 人参与  2018年07月13日 10:09  分类 : 淘宝装修教程  评论

曾道人六合图库 www.6kc9y.cn 网上很多全屏代码、太杂了,现在我把亲测的全屏代码发给大家、仅供参考,把以下代码复制粘贴进自定义里面,就能预览效果了,非常好看的全屏代码,全屏效果图

注意:要替换代码中的图片地址,不然后看不到效果。

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:550px;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="此处替换图片连接1" style="padding:0px;margin:0px;">
 <img src="此处替换大图片网址1" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">

                            <a target="_blank"  href="此处替换图片连接2" style="padding:0px;margin:0px;">

                                <img src="此处替换大图片网址2" width="1920px" height="550px" border="0px"></a></li>

                          <li style="width:1920px;height:550px;padding:0px;margin:0px;">

                            <a target="_blank"  href="此处替换图片连接3" style="padding:0px;margin:0px;">

                                <img src="此处替换大图片网址3" width="1920px" height="550px" border="0px"></a></li>

                          <li style="width:1920px;height:550px;padding:0px;margin:0px;">
 <a target="_blank"  href="此处替换图片连接4" style="padding:0px;margin:0px;">

                                <img src="此处替换大图片网址4" width="1920px" height="550px" border="0px"></a></li>

                          <li style="width:1920px;height:550px;padding:0px;margin:0px;">

                            <a target="_blank"  href="此处替换图片连接5" style="padding:0px;margin:0px;">

                                <img src="此处替换大图片网址5" 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(此处替换小图片导航背景网址png) 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: 47px;">

                                    <img src="此处替换小图片网址1" 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: 47px;">

                                    <img src="此处替换小图片网址2" 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: 47px;">

                                    <img src="此处替换小图片网址3" 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: 47px;">

                                    <img src="此处替换小图片网址4" 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: 47px;">

                                    <img src="此处替换小图片网址5" 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



来源:曾道人六合图库(QQ号:254206549),转载请保留出处和链接!

本文链接://www.6kc9y.cn/zxjc/24.html

专业版店铺全屏轮播代码  淘宝全屏轮播代码  

加入【淘宝店铺装修】QQ群:474687967(加群验证:飞蚂蚁模板网)

淘宝天猫内部优惠券九元九特卖网一般人,我不告诉他喔!

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

控制面板

您好,欢迎到访网站!
  [查看权限]
350装修模板
淘宝快递单号
连衣裙

飞蚂蚁影院

曾道人六合图库 | 曾道人六合图库 | 曾道人六合图库 | 曾道人六合图库 | 曾道人六合图库 | 网站地图 | 留言板 | 广告合作 | 飞蚂蚁影院

Copyright(c)2013-2016曾道人六合图库 All Rights Reserved. 粤ICP备14055454号
淘宝店铺装修交流群群号:474687967

曾道人六合图库
  • 宜兴召开乡村振兴大会力争到2022年乡村振兴实现新突破 2019-04-17
  • 哈哈,哈哈,你们的手段看似很高,其实一文不值,我懒得废口舌 2019-04-17
  • 看看这些政协委员说了哪些亮点? 2019-04-10
  • 建立校际联盟教育共同体 促义务教育均衡发展 2019-04-10
  • 山西省17所第一届全国文明校园巡礼 2019-04-07
  • 北京市场监管总局:网络促销不得先涨再折 2019-04-07
  • 吃饭刷脸 还有多远? 2019-03-28
  • 广州跨境电商进口增长强劲 2019-03-15
  • 庆祝人民日报创刊70周年系列访谈之温宪 2019-03-15
  • “和合”理念是中华民族一贯的文化追求 2019-03-06
  • 专业态度决定培训质量职业技能升华就业品质——2014年重庆市人力资源开发培训中心职业技能培训类概览 2019-03-06
  • 俄侦察船穿越英吉利海峡 英国急派军舰战机监视 2019-02-23
  • 杜兰特已封神!蝉联FMVP超詹皇变成联盟第一人? 2019-02-23
  • 把你当猪就有可能。不想得病而羸弱就得身强体壮。首先,想依靠消灭病毒而不得病,那只是痴心妄想。其次,想得天下,从来没有靠肉体的征服而成功过的先例。 2019-02-20
  • 中国国青女排3-1越南取首胜 1胜1负卫冕之路艰辛 2019-02-20
  • 610| 961| 760| 314| 180| 492| 707| 549| 706| 436|