網上很多全屏代碼、太雜了,現在我把親測的全屏代碼發給大家、僅供參考,把以下代碼復制粘貼進自定義里面,就能預覽效果了,非常好看的全屏代碼,全屏效果圖

注意:要替換代碼中的圖片地址,不然后看不到效果。

<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



飛螞蟻模板網版權7