渣渣 发表于 2014-12-22 10:08:42

淘宝店铺装修全屏轮播模版代码

<div class="main" style="background:#FFF;height:600px;">
        <div class="footer-more-trigger" style="padding:0px;border:0;top:auto;width:1920px;height:600px;z-index:99;left:50%;">
                <div class="footer-more-trigger" style="padding:0px;border:0;top:auto;width:1920px;height:600px;z-index:99;left:-50%;">
                        <div class="footer-more-trigger" style="left:0;top:auto;padding:0px;border:0;width:1920px;height:600px;">
                                <div class="J_TWidget" data-widget-config="{






            'contentCls': 'slide-kun533601433content',






            'triggerCls': 'slide-kun533601433triggers',






            'navCls': 'slide-kun533601433triggers',






            'triggerType': 'mouse',






            'effect': 'scrollx',






            'easing': 'backOut',






                        'prevBtnCls':'prev',






                        'nextBtnCls':'next',






            'steps': 1,






            'autoplay': true,






            'duration': 1,






                        'viewSize':,






                        'interval':5,






            'circular': true






      }" data-widget-type="Carousel" style="z-index:10;top:0px;padding:0px;margin:0px;width:1920px;">
                                        <div class="J_TWidget footer-more-trigger" data-widget-config="{'trigger':'.first533601433trigger','align':{'node':'.first533601433trigger','offset':,'points':['cc','cc']}}" data-widget-type="Popup" style="left:0px;padding:0px;width:1920px;border:0px none;display:block;z-index:9999;top:255px;visibility:hidden;">
                                                <div class="prev" style="width:90px;float:left;cursor:pointer;margin-left:465px;height:90px;">
                                                        <img src="http://img02.taobaocdn.com/imgextra/i2/30446694/T27cR0X4FXXXXXXXXX-30446694.png" /></div>
                                                <div class="next" style="width:90px;height:90px;float:right;cursor:pointer;margin-right:465px;">
                                                        <img src="http://img02.taobaocdn.com/imgextra/i2/30446694/T2shhYX04aXXXXXXXX-30446694.png" /></div>
                                        </div>
                                        <div class="first533601433trigger" style="height:600px;width:1920px;overflow:hidden;padding:0px;margin:0px;position:relative;">
                                                <ul class="slide-kun533601433content" style="height:600px;width:3840px;padding:0px;margin:0px;">
                                                        <li style="width:1920px;height:600px;padding:0px;margin:0px;list-style-type:none;display:block;float:left;">
                                                                <a href="图片连接地址" style="padding:0px;margin:0px;" target="_blank"><img border="0px" height="600px" src="图片地址" width="1920px" /> </a></li>
                                                        <li style="width:1920px;height:600px;padding:0px;margin:0px;list-style-type:none;display:block;float:left;">
                                                                <a href="图片连接地址" style="padding:0px;margin:0px;" target="_blank"><img border="0px" height="600px" src="图片地址" width="1920px" /> </a></li>
                                                </ul>
                                        </div>
                                        <ul class="slide-kun533601433triggers" style="padding:0px;margin:0px;display:none;">
                                                <li class="ks-active">
                                                       </li>
                                                <li>
                                                       </li>
                                        </ul>
                                </div>
                        </div>
                </div>
        </div>
</div>模版代码安装前,请先自行设计2张海报图,尺寸为:1920*600像素!然后把图片上传到你的淘宝店铺图片空间并获取图片地址!然后将模版代码中的“图片地址”和“图片连接地址”替换好之后,再复制代码后安装到你的店铺中!如下图所示:




页: [1]
查看完整版本: 淘宝店铺装修全屏轮播模版代码