淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 612|回复: 4
收起左侧

[装修相关] 学着写代码,写出来后不知道为什么轮播的向左向右没法...

[复制链接]
  • TA的每日心情
    委屈
    2016-9-21 12:28
  • 签到天数: 88 天

    连续签到: 1 天

    [LV.6]渐入佳境

    9

    主题

    73

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29287

    发表于 2015-4-1 16:35:34 | 显示全部楼层 |阅读模式
    <style type="text/css">
    .lunbo_1{ background-color:#CCC; width:990px; height:300px; overflow:hidden; position: relative; margin:0px 0px 0px 0px; top:0px; left:0px;}
    .lunbo_1 .lunbo_2{ width:990px; height:300px; overflow:hidden; }

    .lunbo_1 .lunbo_2 li{ width:990px; height:300px; float:left; }
    .lunbo_1 .lunbo_3{
            width: 400px;
            height: 30px;
            position: absolute;
            bottom: 9px;
            background-color: #000;
            left: 394px;
    }
    .lunbo_1 .lunbo_3 .ks-active{text-align:center; font-size:12px;color: #FFF;}
    .lunbo_1 .lunbo_3 li{ color:#FFF; width:15px; height:12px; display:block; float:left;}
    .lunbo_1   .next_50{

            position: absolute;
            width: 20px;
            height: 20px;
            z-index: 99px;
            top: -169px;
            background-color: #0F0;
    >
    ;         left: -186px;
    }
    .lunbo_1  .prev_50 {
           
            position: absolute;
            width: 20px;
            height: 20px;
            z-index: 99px;
            top: -170px;
            right: -33px;
            background-color: #0F0;
    >
    }/*测试*/
    </style>
    <div class="J_TWidget lunbo_1" data-widget-config="{'nextBtnCls':'next','duration':0.5,'activeTriggerCls':'ks-active','effect':'scrollx','navCls':'lunbo_3','contentCls':'lunbo_2','prevBtnCls':'prev','autoplay':true}" data-widget-type="Carousel">
    <div class="lunbo_1">
    <ul class="lunbo_2" >
    <li><div style="background-color:#F00; width:990px; height:300px;"></div></li>

    <li><div style="background-color: #03C; width:990px; height:300px;"></div></li>
    <li><div style="background-color: #936; width:990px; height:300px;"></div></li>
    </ul>
    </div>
    <ul class="lunbo_3" >
    <li class="ks-active">1</li>
    <li>2</li><li>3</li>


    <span class="next_50 ">1</span>
    <span class="prev_50">2</span>

    </ul>


    </div>




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


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

  • TA的每日心情

    2016-11-16 15:40
  • 签到天数: 99 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    336

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43960

    发表于 2015-4-1 17:49:04 | 显示全部楼层
    你有css权限?

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


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

  • TA的每日心情
    委屈
    2016-7-12 14:35
  • 签到天数: 57 天

    连续签到: 1 天

    [LV.5]略有小成

    1

    主题

    40

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    14860

    最佳新人

    QQ
    发表于 2015-4-1 23:05:23 | 显示全部楼层
    data-widget-config="{'nextBtnCls':'next','duration':0.5,'activeTriggerCls':'ks-active','effect':'scrollx','navCls':'lunbo_3','contentCls':'lunbo_2','prevBtnCls':'prev','autoplay':true}"

    向左向右的箭头在这段代码里按照你css里的定义应该把nextBtnCls':'next'改正为nextBtnCls':'next_50'再添加一段prevBtnCls':'prev_50'
    因为淘宝里Css权限不开放,内联样式写不进去,建议使用内嵌样式写代码

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


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

  • TA的每日心情
    委屈
    2016-9-21 12:28
  • 签到天数: 88 天

    连续签到: 1 天

    [LV.6]渐入佳境

    9

    主题

    73

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29287

     楼主| 发表于 2015-4-2 09:57:14 | 显示全部楼层

    我又css权限啊

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


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

  • TA的每日心情
    委屈
    2016-9-21 12:28
  • 签到天数: 88 天

    连续签到: 1 天

    [LV.6]渐入佳境

    9

    主题

    73

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29287

     楼主| 发表于 2015-5-9 11:29:57 | 显示全部楼层
    贼眉鼠眼 发表于 2015-4-1 23:05
    data-widget-config="{'nextBtnCls':'next','duration':0.5,'activeTriggerCls':'ks-active','effect':'scr ...

    谢谢啊

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-4 14:17 , Processed in 0.126257 second(s), 14 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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