淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 671|回复: 6
收起左侧

【轮播】天猫淘宝兼容按钮错位轮播需css权限

[复制链接]
  • TA的每日心情
    加油
    2016-9-9 10:00
  • 签到天数: 23 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    48

    帖子

    4703

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4703

    QQ
    发表于 2016-1-16 17:03:08 | 显示全部楼层 |阅读模式
    1. <style>
    2. /*测试错位轮播*/
    3. ul,li,ol{list-style-type:none;}
    4. .fl{display:block;}
    5. .div_con{height:606px;width:990px;overflow:hidden;}
    6. .ux1190{width:492px;height:602px;border:2px solid #000;margin:0px;padding:0px;overflow:hidden;z-index:99px;display:block;float:left;}  
    7. .ux1190 li{width:492px;height:602px;margin:0px;padding:0px;list-style-type:none;}
    8. .trig_con{width:494px;height:606px;display:block;float:left;border:none;background:url(http://img02.taobaocdn.com/imgextra/i2/651374314/TB2OEpocXXXXXcsXXXXXXXXXXXX_!!651374314.jpg) no-repeat center top;}
    9. .trig_con .tubao{width:494px;height:606px;list-style-type:none;margin:0px;padding:0px;}
    10. .trig_con .tubao li{width:243px;height:299px;border:2px solid #000;display:block;float:left;margin:0px;padding:0px;list-style-type:none;}
    11. .trig_con .tubao a{margin:2px;width:243px;height:299px;display:block;}
    12. .trig_con .tubao li.ks-active{border:2px solid red;widht:243px;height:299px;z-index: 10;}
    13. </style>

    14. <div class="div_con">
    15.   <div data-widget-config="{
    16.          'contentCls': 'ks-switchable-content',
    17.          'navCls': 'lst-triggernav',
    18.          'effect': 'scrollx',
    19.          'easing':'easeOutStrong',
    20.          'duration':1,
    21.          'viewSize':[492],
    22.          'circular': true,
    23.          'interval':3,
    24.          'pauseOnHover':true,
    25.          'autoplay': true
    26.          }" data-widget-type="Carousel" class="myslide J_TWidget">
    27.     <div class="ux1190">
    28.       <ol class="ks-switchable-content">
    29.         <li><a href="#" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/651374314/TB2KXVncXXXXXb.XXXXXXXXXXXX_!!651374314.jpg" border="0" /></a></li>
    30.         <li><a href="#" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/651374314/TB26NxkcXXXXXXJXpXXXXXXXXXX_!!651374314.jpg" border="0" /></a></li>
    31.         <li><a href="#" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/651374314/TB2ovVgcXXXXXcjXpXXXXXXXXXX_!!651374314.jpg" border="0" /></a></li>
    32.       </ol>
    33.     </div>
    34.     <div class="trig_con">
    35.       <ul class="lst-triggernav tubao">
    36.         <li class="ks-switchable-trigger ks-active"><a href="#" target="_blank"></a></li>
    37.         <li class="ks-switchable-trigger"><a href="#" target="_blank"></a></li>
    38.         <li class="ks-switchable-trigger"><a href="#" target="_blank"></a></li>
    39.       </ul>
    40.     </div>
    41.   </div>
    42. </div>
    复制代码
    大家一直要求我改做行间样式,然后可以不要css权限直接套用,说真的,我不想做,因为我好懒。哈哈,尽管骂我吧。


    只要你还有一口气就不能放弃
  • TA的每日心情
    思考
    前天 10:01
  • 签到天数: 615 天

    连续签到: 1 天

    [LV.9]已臻大成

    29

    主题

    625

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149344

    最佳新人热心会员宣传达人

    发表于 2016-1-16 17:16:07 | 显示全部楼层
    没有权限在active上处理会不同,而且没有权限伪类是没有办法用的,伪类不能用,内联也没有效果

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


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

  • TA的每日心情
    抱抱
    昨天 09:22
  • 签到天数: 111 天

    连续签到: 1 天

    [LV.6]渐入佳境

    28

    主题

    412

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21444

    天猫美工最佳新人热心会员

    QQ
    发表于 2016-1-16 17:28:45 | 显示全部楼层

    看看啊.......

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


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

  • TA的每日心情
    无奈
    2016-1-27 13:48
  • 签到天数: 89 天

    连续签到: 1 天

    [LV.6]渐入佳境

    31

    主题

    599

    帖子

    6749

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6749

    天猫美工最佳新人热心会员

    发表于 2016-1-16 17:42:08 | 显示全部楼层
    1楼屌丝哥所言极是

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


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

  • TA的每日心情
    无奈
    昨天 15:15
  • 签到天数: 136 天

    连续签到: 1 天

    [LV.7]炉火纯青

    10

    主题

    892

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31700

    淘宝皇冠店美工最佳新人热心会员

    QQ
    发表于 2016-1-16 18:33:32 | 显示全部楼层
    代码盲表示看不懂

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


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

  • TA的每日心情
    加油
    2016-11-4 21:06
  • 签到天数: 136 天

    连续签到: 1 天

    [LV.7]炉火纯青

    3

    主题

    649

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23710

    淘宝钻级店美工最佳新人热心会员

    QQ
    发表于 2016-1-16 20:15:23 | 显示全部楼层
    人才年年有 今年特别多

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


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

  • TA的每日心情

    昨天 09:25
  • 签到天数: 656 天

    连续签到: 16 天

    [LV.9]已臻大成

    10

    主题

    865

    帖子

    12万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    123997

    最佳新人热心会员淘宝皇冠店美工

    发表于 2016-1-17 09:56:58 | 显示全部楼层
    本论坛还是人才多多嘛!

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-10 01:33 , Processed in 0.118869 second(s), 17 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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