淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 874|回复: 5
收起左侧

[装修相关] 怎么能让小轮播布置一直显示

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

    连续签到: 1 天

    [LV.6]渐入佳境

    6

    主题

    23

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21053

    最佳新人

    发表于 2015-5-25 11:38:53 | 显示全部楼层 |阅读模式
    1. <div style="height:660px;">
    2.         <div class="footer-more-trigger" style="width:1920px;height:660px;left:50%;top:auto;border:none;padding:0;">
    3.                 <div class="footer-more-trigger" style="width:1920px;height:660px;left:-960px;top:auto;border:none;padding:0;">
    4.                         <div class="J_TWidget" data-widget-config="{'effect':'scrollx','easing':'backIn','contentCls':'bohe_content01','navCls':'bohe_nav01','autoplay':true}" data-widget-type="Carousel">
    5.                                 <div class="xiaolunbo footer-more-trigger" style="width:632px;height:384px;top:138px;left:903px;z-index:99;">
    6.                                                                 <div class="J_TWidget" data-widget-config="{'effect':'fade','contentCls':'bohe_content','navCls':'bohe_nav','autoplay':true, 'prevBtnCls':'shang','nextBtnCls':'xia' }" data-widget-type="Carousel">
    7.                                                                         <div class="shang" style="width:50px;height:50px;float:left;margin-top:167px;">
    8.                                                                                 <img src="http://img02.taobaocdn.com/imgextra/i2/79268323/T2jjpXX1laXXXXXXXX_!!79268323.png" /></div>
    9.                                                                         <div style="width:532px;height:384px;overflow:visible;float:left;">
    10.                                                                                 <div class="bohe_content">
    11.                                                                                         <div>
    12.                                                                                                 <table border="0" cellpadding="0" cellspacing="0" class="" height="384" width="532">
    13.                                                                                                         <tbody>
    14.                                                                                                                 <tr>
    15.                                                                                                                         <td>
    16.                                                                                                                                 <a  target="_blank"><img alt="" border="0" height="384" src="http://img04.taobaocdn.com/imgextra/i4/79268323/T27JhfXYBXXXXXXXXX_!!79268323.jpg" width="532" /></a></td>
    17.                                                                                                                 </tr>
    18.                                                                                                         </tbody>
    19.                                                                                                 </table>
    20.                                                                                         </div>
    21.                                                                                         <div>
    22.                                                                                                 <table border="0" cellpadding="0" cellspacing="0" class="" height="384" width="532">
    23.                                                                                                         <tbody>
    24.                                                                                                                 <tr>
    25.                                                                                                                         <td>
    26.                                                                                                                                 <a  target="_blank"><img alt="" border="0" height="384" src="http://img04.taobaocdn.com/imgextra/i4/79268323/T2Y0NcX6lXXXXXXXXX_!!79268323.jpg" width="532" /></a></td>
    27.                                                                                                                 </tr>
    28.                                                                                                         </tbody>
    29.                                                                                                 </table>
    30.                                                                                         </div>
    31.                                                                                 </div>
    32.                                                                         </div>
    33.                                                                         <div class="bohe_nav" style="display:none;">
    34.                                                                                  </div>
    35.                                                                         <div class="xia" style="width:50px;height:50px;float:left;margin-top:167px;">
    36.                                                                                 <img src="http://img02.taobaocdn.com/imgextra/i2/79268323/T2ROdbX0pXXXXXXXXX_!!79268323.png" /></div>
    37.                                                                 </div>
    38.                                                         </div>
    39.                                                                 <div style="width:1920px;height:660px;overflow:hidden;">
    40.                                         <div class="bohe_content01">
    41.                                                 <div style="width:1920px;height:660px; float:left;">
    42.                                                         <img src="http://img01.taobaocdn.com/imgextra/i1/79268323/T2PzI_XSdXXXXXXXXX_!!79268323.jpg" /></div>
    43.                                                         
    44.                                                         <div style="width:1920px;height:660px; float:left;">
    45.                                                                 <img src="http://img02.taobaocdn.com/imgextra/i2/79268323/T2JZFdX4BXXXXXXXXX_!!79268323.jpg" /></div>
    46.                                                                                                                                 
    47.                                                 </div>
    48.                                         </div>
    49.                                       
    50.                                                 <div class="bohe_nav01">
    51.                                                         <div style="width:20px;height:20px;text-align:center;line-height:20px;float:left;margin-left:936px;color:#FFCCCC;">
    52.                                                                 ●</div>
    53.                                                         <div style="width:20px;height:20px;text-align:center;line-height:20px;float:left;margin-left:8px;color:#FFCCCC;">
    54.                                                                 ●</div>
    55.                                                 </div>
    56.                                         </div>
    57.                                 </div>
    58.                         </div>
    59.                 </div>
    60.         </div>
    复制代码
    坐等啊,让小轮播只在第一轮播图显示

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


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

  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    43

    主题

    2260

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    116895

    活跃会员热心会员

    发表于 2015-5-25 11:51:19 | 显示全部楼层

    回帖奖励 +2

    没太看明白楼主的意思,楼主是要让它不自动轮播,还是说只要一张图,如果是后者那还轮播个球
    如果是前者,把autoplay属性改为false

    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情
    吐舌头
    5 天前
  • 签到天数: 75 天

    连续签到: 1 天

    [LV.6]渐入佳境

    6

    主题

    23

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21053

    最佳新人

     楼主| 发表于 2015-5-25 12:01:10 | 显示全部楼层
    caspy 发表于 2015-5-25 11:51
    没太看明白楼主的意思,楼主是要让它不自动轮播,还是说只要一张图,如果是后者那还轮播个球
    如果是前者, ...

    现在代码中,小轮播是一直显示的,我只想小轮播在第一大轮播显示,第二大轮播中小轮播不显示

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


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

  • TA的每日心情
    加油
    昨天 12:19
  • 签到天数: 1099 天

    连续签到: 1 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279451

    发表于 2015-5-25 13:05:47 | 显示全部楼层
    1. <div style="height:660px;">
    2.         <div class="footer-more-trigger" style="width:1920px;height:660px;left:50%;top:auto;border:none;padding:0;">
    3.                 <div class="footer-more-trigger" style="width:1920px;height:660px;left:-960px;top:auto;border:none;padding:0;">
    4.                         <div class="J_TWidget" data-widget-config="{'effect':'scrollx','easing':'backIn','contentCls':'bohe_content01','navCls':'bohe_nav01','autoplay':true}" data-widget-type="Carousel">
    5.                                 
    6.                           <div style="width:1920px;height:660px;overflow:hidden;">
    7.                                         <div class="bohe_content01">
    8.                                           <div style="width:1920px;height:660px; float:left; background: url(http://img01.taobaocdn.com/imgextra/i1/79268323/T2PzI_XSdXXXXXXXXX_!!79268323.jpg)">
    9.                                                         <div class="xiaolunbo footer-more-trigger" style="width:632px;height:384px;top:138px;left:903px;z-index:99;">
    10.                                                                 <div class="J_TWidget" data-widget-config="{'effect':'fade','contentCls':'bohe_content','navCls':'bohe_nav','autoplay':true, 'prevBtnCls':'shang','nextBtnCls':'xia' }" data-widget-type="Carousel">
    11.                                                                         <div class="shang" style="width:50px;height:50px;float:left;margin-top:167px;">
    12.                                                                                 <img src="http://img02.taobaocdn.com/imgextra/i2/79268323/T2jjpXX1laXXXXXXXX_!!79268323.png" /></div>
    13.                                                                         <div style="width:532px;height:384px;overflow:visible;float:left;">
    14.                                                                                 <div class="bohe_content">
    15.                                                                                         <div>
    16.                                                                                                 <table border="0" cellpadding="0" cellspacing="0" class="" height="384" width="532">
    17.                                                                                                         <tbody>
    18.                                                                                                                 <tr>
    19.                                                                                                                         <td>
    20.                                                                                                                                 <a  target="_blank"><img alt="" border="0" height="384" src="http://img04.taobaocdn.com/imgextra/i4/79268323/T27JhfXYBXXXXXXXXX_!!79268323.jpg" width="532" /></a></td>
    21.                                                                                                                 </tr>
    22.                                                                                                         </tbody>
    23.                                                                                                 </table>
    24.                                                                                         </div>
    25.                                                                                         <div>
    26.                                                                                                 <table border="0" cellpadding="0" cellspacing="0" class="" height="384" width="532">
    27.                                                                                                         <tbody>
    28.                                                                                                                 <tr>
    29.                                                                                                                         <td>
    30.                                                                                                                                 <a  target="_blank"><img alt="" border="0" height="384" src="http://img04.taobaocdn.com/imgextra/i4/79268323/T2Y0NcX6lXXXXXXXXX_!!79268323.jpg" width="532" /></a></td>
    31.                                                                                                                 </tr>
    32.                                                                                                         </tbody>
    33.                                                                                                 </table>
    34.                                                                                         </div>
    35.                                                                                 </div>
    36.                                                                         </div>
    37.                                                                         <div class="bohe_nav" style="display:none;">
    38.                                                                   </div>
    39.                                                                         <div class="xia" style="width:50px;height:50px;float:left;margin-top:167px;">
    40.                                                                                 <img src="http://img02.taobaocdn.com/imgextra/i2/79268323/T2ROdbX0pXXXXXXXXX_!!79268323.png" /></div>
    41.                                                                 </div>
    42.                                           </div></div>
    43.                                                         
    44.                                                         <div style="width:1920px;height:660px; float:left;">
    45.                                                                 <img src="http://img02.taobaocdn.com/imgextra/i2/79268323/T2JZFdX4BXXXXXXXXX_!!79268323.jpg" /></div>
    46.                                                                                                                                 
    47.                             </div>
    48.                                         </div>
    49.                                       
    50.                                                 <div class="bohe_nav01">
    51.                                                         <div style="width:20px;height:20px;text-align:center;line-height:20px;float:left;margin-left:936px;color:#FFCCCC;">
    52.                                                   ●</div>
    53.                                                         <div style="width:20px;height:20px;text-align:center;line-height:20px;float:left;margin-left:8px;color:#FFCCCC;">
    54.                                                                 ●</div>
    55.                           </div>
    56.                   </div>
    57.                                 </div>
    58.                         </div>
    59.                 </div>
    60.         </div>
    复制代码



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


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

  • TA的每日心情
    吐舌头
    5 天前
  • 签到天数: 75 天

    连续签到: 1 天

    [LV.6]渐入佳境

    6

    主题

    23

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21053

    最佳新人

     楼主| 发表于 2015-5-25 13:17:14 | 显示全部楼层

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


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

  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    43

    主题

    2260

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    116895

    活跃会员热心会员

    发表于 2015-5-25 13:54:06 | 显示全部楼层
    猫咪咪cc 发表于 2015-5-25 12:01
    现在代码中,小轮播是一直显示的,我只想小轮播在第一大轮播显示,第二大轮播中小轮播不显示

    ...

    已有大神帮忙,我就不瞎BB了

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-6 11:01 , Processed in 0.124484 second(s), 17 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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