学维网 http://www.sinoxs.com
奥莱家纺|淘宝优惠信息|淘宝抵用券领取|RSS阅读|网站地图

学维网

网络运营当前位置:首页 >行业知识 > 网络运营 (RSS订阅)

免费淘宝基础版全屏图片轮播代码(亲测再用)

发布时间:2017-12来源:本站原创作者:学维网点击:

今天应童鞋要求发出一段淘宝基础版全屏代码(完全免费哦)亲测可用哦。将下面代码复制到自定义栏目内。

<div class="J_TWidget" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bslide_IMiSX'}" data-widget-type="Tabs">
        <div class="bslide_IMiSX" style="height:630px">
            <div style="height:630px;width:1920px;left:-485px;top:0;" class="J_TWidget" data-widget-config="{'navCls':'scroller-nav','contentCls':'scroller-content','steps':1,'prevBtnCls': 'prev','nextBtnCls': 'next','disableBtnCls': 'disable',
'circular':true,
'effect':'scrollx',
'easing':'easeOut',
'duration':1.0,
'interval':'4',
'autoplay':true}" data-widget-type="Carousel">
                        <!--next/prev star-->
                        <div style="display:none; width:950px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity:0.5" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.bslide_IMiSX','align':{'node':'.bslide_IMiSX','offset':[0,0],'points':['cc','cc']}}">
                <span class="prev J_TWidget" style=" cursor:pointer;float:left;display:block; width:59px; height:59px; background:url(https://img.alicdn.com/imgextra/i2/295844766/TB2dVcQj3nH8KJjSspcXXb3QFXa_!!295844766.jpg) no-repeat;"></span>
                <span class="next J_TWidget" style=" cursor:pointer;float:right;display:block; width:59px; height:59px; background:url(https://img.alicdn.com/imgextra/i2/295844766/TB2dVcQj3nH8KJjSspcXXb3QFXa_!!295844766.jpg) no-repeat right 0;"></span>
            </div>
            <!--next/prev end-->
                        
            <div class="scroller" style="width:1920px; height:600px; overflow:hidden">
                <ul class="scroller-content">
                                        <li style="width:1920px;height:600px; overflow:hidden;border:none;background:#FFF;margin:0;"><a href="#1" target="_blank" style="display:block; cursor:pointer;width:1920px;height:600px;background:url(https://img.alicdn.com/imgextra/i2/295844766/TB2dVcQj3nH8KJjSspcXXb3QFXa_!!295844766.jpg) no-repeat center 0;"></a></li><li style="width:1920px;height:600px; overflow:hidden;border:none;background:#FFF;margin:0;"><a href="#2" target="_blank" style="display:block; cursor:pointer;width:1920px;height:600px;background:url(https://img.alicdn.com/imgextra/i2/295844766/TB2dVcQj3nH8KJjSspcXXb3QFXa_!!295844766.jpg) no-repeat center 0;"></a></li><li style="width:1920px;height:600px; overflow:hidden;border:none;background:#FFF;margin:0;"><a href="#3" target="_blank" style="display:block; cursor:pointer;width:1920px;height:600px;background:url(https://img.alicdn.com/imgextra/i2/295844766/TB2dVcQj3nH8KJjSspcXXb3QFXa_!!295844766.jpg) no-repeat center 0;"></a></li><li style="width:1920px;height:600px; overflow:hidden;border:none;background:#FFF;margin:0;"><a href="#4" target="_blank" style="display:block; cursor:pointer;width:1920px;height:600px;background:url(https://img.alicdn.com/imgextra/i2/295844766/TB2dVcQj3nH8KJjSspcXXb3QFXa_!!295844766.jpg) no-repeat center 0;"></a></li>                </ul>
            </div>
                                    <ul class="scroller-nav" style="width:950px;color:#000; font-size:11px; font-family:Tahoma; margin-left:900px;margin-top:10px;">
                                <li style=" width:20px; height:10px; line-height:10px; text-align:center;display:inline-block;_zoom:1;_display:inline;margin:0 5px; cursor:pointer; background:#000"></li><li style=" width:20px; height:10px; line-height:10px; text-align:center;display:inline-block;_zoom:1;_display:inline;margin:0 5px; cursor:pointer; background:#00F"></li><li style=" width:20px; height:10px; line-height:10px; text-align:center;display:inline-block;_zoom:1;_display:inline;margin:0 5px; cursor:pointer; background:#0F0"></li><li style=" width:20px; height:10px; line-height:10px; text-align:center;display:inline-block;_zoom:1;_display:inline;margin:0 5px; cursor:pointer; background:#F00"></li>                        </ul>

                </div>
    </div>
        <ul class="hidden-nav" style="display:none">
            <li>1</li>
          </ul>
</div>

大家可用测试下,进过我测试可用用哦

演示网站奥莱家纺官方直营店 https://oleh.taobao.com


返回列表 返回上一页 2 3 4 5 6


参与评论已经有 人参与
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
网站首页|学维网|网站地图|免责声明|联系我们|IT外包|淘宝优惠信息|复印机租赁|电脑出租