淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 776|回复: 17
收起左侧

[装修相关] 求大神,看了好久轮播切换代码实在搞不懂了

[复制链接]
  • TA的每日心情
    吐舌头
    11 小时前
  • 签到天数: 146 天

    连续签到: 2 天

    [LV.7]炉火纯青

    12

    主题

    122

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    28141

    最佳新人

    发表于 2015-8-6 15:20:58 | 显示全部楼层 |阅读模式
    本帖最后由 那阵被遗忘的风 于 2015-8-6 15:26 编辑

    1. <style>

    2. .voice-Carousel{position:absolute;width:1270px;height:740px; z-index:20;}
    3. .voice-Carousel .voice-con-1{position:absolute;width:204px;height:135px;right:0;top:140px;z-index:20;overflow:hidden;}
    4. .voice-Carousel .voice-con-1 li{width:184px;height:105px;padding:30px 0 0 30px;color:#FFF;font-size:16px;line-height:20px;}
    5. .voice-Carousel .voice-con-2{position:absolute;width:935px;height:548px;left:46px;top:153px;z-index:20;overflow:hidden;}
    6. .voice-Carousel .voice-frame{position:absolute;width:927px;height:562px;left:0;top:0;z-index:21;}
    7. .voice-Carousel .voice-people{position:absolute;width:212px;height:434px;right:0;bottom:0;z-index:21;}
    8. .voice-Carousel .voice-nav{position:absolute;width:867px;height:73px;left:50px;top:60px;z-index:21;cursor:pointer;}
    9. .voice-Carousel .voice-nav li{height:73px;float:left;background-image:url(\"\");background-repeat:no-repeat;}
    10. .voice-Carousel .voice-nav .voice-active{background-image:url(\"\");}




    11. </style>


    12. <div class="voice-Carousel J_TWidget" data-widget-type="Carousel" data-widget-config="{'easing':'easeOutStrong','activeTriggerCls':'voice-active','effect':'fade','viewSize':[680],'navCls':'voice-nav','triggerType':'click','contentCls':'voice-con-1','autoplay':'true'}" style="overflow:visible;" data-widget-init="1">
    13. <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'easing':'easeOutStrong','activeTriggerCls':'voice-active','effect':'fade','viewSize':[925],'navCls':'voice-nav','delay':2,'triggerType':'click','contentCls':'voice-con-2','autoplay':'true'}" style="overflow:visible;" data-widget-init="1">   
    14. <div style="width:935px;height:548px;overflow:hidden;">
    15. <ul class="voice-con-2">
    16. <li ><img src="http://gdp.alicdn.com/imgextra/i3/731222132/TB2cG9KeXXXXXbgXpXXXXXXXXXX_!!731222132.jpg" alt=" 01.jpg"></li>
    17. <li ><img src="http://gdp.alicdn.com/imgextra/i3/731222132/TB2j1HdeXXXXXXvXXXXXXXXXXXX_!!731222132.jpg" alt=" 04.jpg"></li>
    18. <li ><img src="http://gdp.alicdn.com/imgextra/i2/731222132/TB2D6a.eXXXXXaBXXXXXXXXXXXX_!!731222132.jpg" alt=" 05.jpg"></li>
    19. <li ><img src="http://gdp.alicdn.com/imgextra/i4/731222132/TB2ZaaVeXXXXXXSXpXXXXXXXXXX_!!731222132.jpg" alt=" 03.jpg"></li>
    20. <li ><img src="http://gdp.alicdn.com/imgextra/i3/731222132/TB2sKe0eXXXXXcSXXXXXXXXXXXX_!!731222132.jpg" alt=" 02.jpg"></li>
    21. <li ><img src="http://gdp.alicdn.com/imgextra/i2/731222132/TB2uCmOeXXXXXazXpXXXXXXXXXX_!!731222132.jpg" alt=" 06.jpg"></li>
    22. </ul>
    23. </div>   

    24. <div class="voice-frame"><img src="http://gdp.alicdn.com/imgextra/i2/731222132/TB2spzaeXXXXXXyXXXXXXXXXXXX_!!731222132.png" alt=" 边框.png"></div>

    25. <ul class="voice-nav">
    26.    <li style="background-position:0 0;width:153px;" > </li>
    27.    <li style="background-position:-153px 0;width:139px;" > </li>
    28.    <li style="background-position:-292px 0;width:138px;" > </li>
    29.    <li style="background-position:-430px 0;width:139px;" > </li>
    30.    <li style="background-position:-569px 0;width:140px;" > </li>
    31.    <li style="background-position:-709px 0;width:158px;"  > </li>
    32.    </ul>
    33.   </div>
    34.    
    35.   </div>


    这是代码主人的店铺:https://teyes.tmall.com/  

    这块代码我拿出来了,就是不管用~搞了好久了,实在没办法了,求大神给解决下,能告诉我解决方法更佳!谢谢大神了 444.png
    PS:发现放上去的代码乱掉了,可以加我QQ:353118364  联系我







    补充内容 (2015-8-6 15:55):
    我们家店铺是买了Css权限的~~

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-8 22:21 , Processed in 0.160696 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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