淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 504|回复: 1
收起左侧

[装修相关] 大轮播小轮播,3大轮播图,怎么减少1轮播

[复制链接]
  • TA的每日心情
    吐舌头
    5 天前
  • 签到天数: 75 天

    连续签到: 1 天

    [LV.6]渐入佳境

    6

    主题

    23

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21053

    最佳新人

    发表于 2015-5-16 11:41:36 | 显示全部楼层 |阅读模式
    • <div style="height:420px;">
    •   <div class="footer-more-trigger" style=" width:1600px; height:420px; border:0; padding:0;  top:auto; left:auto;">
    •     <div class="footer-more-trigger" style=" width:1600px; height:420px; border:0; padding:0;  top:auto; left:-325px;">
    •       <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'fade','easing':'easeOutStrong','contentCls':'content_yuzhou','navCls':'nav_yuzhou','autoplay':true,'duration':2,'interval':10,'circular':true,'activeTriggerCls':'allcat-result'}">
    •         <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'scrolly','easing':'backOut','contentCls':'content_yuzhou2','navCls':'nav_yuzhou','autoplay':true,'duration':2,'interval':10,'circular':true}">
    •       <!--content01-->
    •           <ul class="content_yuzhou">
    •             <li style="width:1600px; height:420px;">
    •               <table width="1600" height="420" border="0" cellpadding="0" cellspacing="0">
    •                 <tr>
    •                   <td><img src="http://img04.taobaocdn.com/imgextra/i4/41251343/T2GvIZXjVXXXXXXXXX_!!41251343.jpg" /></td>
    •                   <td><img src="http://img02.taobaocdn.com/imgextra/i2/41251343/T2qKAHXiXaXXXXXXXX_!!41251343.jpg" /></td>
    •                   <td><img src="http://img03.taobaocdn.com/imgextra/i3/41251343/T2WmIYXjXXXXXXXXXX_!!41251343.jpg" /></td>
    •                 </tr>
    •               </table>
    •             </li>
    •             <li style="width:1600px; height:420px;">
    •               <table width="1600" height="420" border="0" cellpadding="0" cellspacing="0">
    •                 <tr>
    •                   <td><img src="http://img04.taobaocdn.com/imgextra/i4/41251343/T2C7BlXhhOXXXXXXXX_!!41251343.jpg" width="325" height="420" /></td>
    •                   <td><img src="http://img01.taobaocdn.com/imgextra/i1/41251343/T25nyDXXBcXXXXXXXX_!!41251343.jpg" width="950" height="420" /></td>
    •                   <td><img src="http://img04.taobaocdn.com/imgextra/i4/41251343/T2ReoGXn8aXXXXXXXX_!!41251343.jpg" width="325" height="420" /></td>
    •                 </tr>
    •               </table>
    •             </li>
    •             <li style="width:1600px; height:420px;">
    •               <table width="1600" height="420" border="0" cellpadding="0" cellspacing="0">
    •                 <tr>
    •                   <td><img src="http://img03.taobaocdn.com/imgextra/i3/41251343/T2AHg0XaJXXXXXXXXX_!!41251343.jpg" width="325" height="420" /></td>
    •                   <td><img src="http://img03.taobaocdn.com/imgextra/i3/41251343/T2S9u7XjpbXXXXXXXX_!!41251343.jpg" width="950" height="420" /></td>
    •                   <td><img src="http://img01.taobaocdn.com/imgextra/i1/41251343/T2AMDKXflbXXXXXXXX_!!41251343.jpg" width="325" height="420" /></td>
    •                 </tr>
    •               </table>
    •             </li>
    •           </ul>
    •       <!--//content01 end-->
    •       <!--content02-->
    •           <div class="footer-more-trigger" style="width:1600px; height:420px; border:0; padding:0; top:0; left:0; z-index:10; overflow:hidden;">
    •             <ul class="content_yuzhou2">
    •               <li style="width:1600px; height:420px;">
    •                 <!--小轮播-->
    •                 <div class="footer-more-trigger"  style="width:600px; height:300px; padding:20px; top:30px; left:600px; background-color:#FFFFFF;overflow:hidden;">
    •                   <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','contentCls':'content_yuzhou3','navCls':'nav_yuzhou3','autoplay':true,'circular':true,'prevBtnCls':'prev_yuzhou3','nextBtnCls':'next_yuzhou3'}">
    •                     <div style="width:600px; height:300px; overflow:hidden;">
    •                       <ul class="content_yuzhou3">
    •                         <li style="width:150px; height:300px;"><img src="http://img02.taobaocdn.com/imgextra/i2/41251343/T2F1q0XaJbXXXXXXXX_!!41251343.jpg" /></li>
    •                         <li style="width:150px; height:300px;"><img src="http://img02.taobaocdn.com/imgextra/i2/41251343/T2FH3ZXmVXXXXXXXXX_!!41251343.jpg" /></li>
    •                         <li style="width:150px; height:300px;"><img src="http://img02.taobaocdn.com/imgextra/i2/41251343/T2_Bm6XmhbXXXXXXXX_!!41251343.jpg" /></li>
    •                         <li style="width:150px; height:300px;"><img src="http://img01.taobaocdn.com/imgextra/i1/41251343/T2TAoZXbXXXXXXXXXX_!!41251343.jpg" /></li>
    •                         <li style="width:150px; height:300px;"><img src="http://img04.taobaocdn.com/imgextra/i4/41251343/T2UBIYXf0aXXXXXXXX_!!41251343.jpg" /></li>
    •                       </ul>
    •                     </div>
    •                       <ul class="nav_yuzhou3" style="display:none;">
    •               <li></li>
    •             <li></li>
    •             <li></li>
    •             <li></li>
    •             <li></li>
    •                       </ul>
    •                     <div class="prev_yuzhou3 footer-more-trigger" style="width:20px; height:20px; border:0; padding:0; top:160px; left:0; font-size:20px; text-align:center; line-height:20px; cursor:pointer;"><</div>
    •                     <div class="next_yuzhou3 footer-more-trigger" style="width:20px; height:20px; border:0; padding:0; top:160px; left:620px; font-size:20px; text-align:center; line-height:20px; cursor:pointer;">></div>
    •                   </div>
    •                 </div>
    •                 <!--// 小轮播 end-->
    •               </li>
    •               <li style="width:1600px; height:420px;"><img src="http://img01.taobaocdn.com/imgextra/i1/41251343/T23OgYXbFaXXXXXXXX_!!41251343.png" /></li>
    •               <li style="width:1600px; height:420px;"><img src="http://img01.taobaocdn.com/imgextra/i1/41251343/T2wxMWXjXaXXXXXXXX_!!41251343.png" /></li>
    •             </ul>
    •           </div>
    •       <!--// content 02 end-->
    •       <!--nav-->
    •           <ul class="nav_yuzhou footer-more-trigger" style="width:48px; height:14px; border:0; padding:0; top:400px; left:776px; z-index:99;">
    •             <li class="allcat-result" style="width:14px; height:14px; margin-right:3px; clear:none; margin:0; padding:0; background-image:url(); float:left;transition: background-position 0.5s;
    • -moz-transition: background-position 0.5s;
    • -webkit-transition:background-position 0.5s;
    • -o-transition:background-position 0.5s;"></li>
    •             <li style="width:14px; height:14px; margin-right:3px; clear:none; margin:0; padding:0; background-image:url(); float:left;transition: background-position 0.5s;
    • -moz-transition: background-position 0.5s;
    • -webkit-transition:background-position 0.5s;
    • -o-transition:background-position 0.5s;"></li>
    •             <li style="width:14px; height:14px; clear:none; margin:0; padding:0; background-image:url(); float:left;transition: background-position 0.5s;
    • -moz-transition: background-position 0.5s;
    • -webkit-transition:background-position 0.5s;
    • -o-transition:background-position 0.5s;"></li>
    •           </ul>
    •       <!--// nav end-->
    •         </div>
    •       </div>
    •     </div>
    •   </div>
    • </div>


    [color=rgb(74, 76, 75) !important]复制代码


    轮播图

    轮播图

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    7 小时前
  • 签到天数: 676 天

    连续签到: 3 天

    [LV.9]已臻大成

    26

    主题

    2630

    帖子

    18万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    185282

    最佳新人热心会员活跃会员灌水之王

    QQ
    发表于 2015-6-21 14:25:23 | 显示全部楼层
    码盲路过
    QQ交流群  107102001
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-6 16:12 , Processed in 0.121989 second(s), 13 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表