淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

[装修相关] 【轮播】让人看不懂的一个小轮播全是定位惹的祸

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

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    48

    帖子

    4703

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4703

    QQ
    发表于 2016-1-20 15:54:47 | 显示全部楼层 |阅读模式
    1. <style>
    2. /*公共样式*/
    3. ul,li,ol{list-style-type:none;}
    4. .fl{display:block;float:left;}
    5. /*悬浮轮播*/
    6. .div_con{height:350px;width:990px;overflow:hidden;}
    7. .con_div{z-index:-5;}
    8. .tig_con{position:relative;top:-350px;left:0px;}
    9. .ks_tig{z-index:9;width:306px;height:85px;overflow:hidden;position:relative;}
    10. .ks_tig_a{z-index:9;position:relative;top:0px;left:0px;}
    11. .ks_tig_b{top:-269px;left:177px;}
    12. .ks_tig_c{top:-269px;left:203px;}
    13. .ks_tig_d{top:-166px;left:-104px;}
    14. .ks_tig_e{top:-251px;left:177px;}

    15. </style>

    16. <div class="div_con">
    17.   <div data-widget-config="{
    18.          'contentCls': 'ks_content',
    19.          'navCls': 'list_nav',
    20.          'effect': 'fade',
    21.          'easing':'easeOutStrong',
    22.          'duration':1,
    23.          'viewSize':[990],
    24.          'circular': true,
    25.          'interval':3,
    26.          'pauseOnHover':true,
    27.          'autoplay': true
    28.          }" data-widget-type="Carousel" class="J_TWidget">
    29.          
    30.     <div class="con_div div_con fl">
    31.       <ol class="ks_content">
    32.         <li><img src="https://img.alicdn.com/imgextra/i4/2182864200/TB2AfgpaXXXXXXdXpXXXXXXXXXX_!!2182864200.jpg" border="0" /></li>
    33.         <li><img src="https://img.alicdn.com/imgextra/i1/2182864200/TB2oiQqaXXXXXb4XXXXXXXXXXXX_!!2182864200.jpg" border="0" /></li>
    34.         <li><img src="https://img.alicdn.com/imgextra/i3/2182864200/TB23_EkaXXXXXajXpXXXXXXXXXX_!!2182864200.jpg" border="0" /></li>
    35.         <li><img src="https://img.alicdn.com/imgextra/i2/2182864200/TB2q4ZraXXXXXbCXXXXXXXXXXXX_!!2182864200.jpg" border="0" /></li>
    36.         <li><img src="https://img.alicdn.com/imgextra/i3/2182864200/TB2EQAuaXXXXXaXXXXXXXXXXXXX_!!2182864200.jpg" border="0" /></li>
    37.       </ol>
    38.     </div>
    39.         
    40.     <div class="tig_con div_con fl">
    41.       <ul class="list_nav div_con btn">
    42.                 <li class="ks_tig_a div_con fl ks-active"></li>
    43.         <li class="ks_tig ks_tig_b fl"></li>
    44.         <li class="ks_tig ks_tig_c fl"></li>
    45.         <li class="ks_tig ks_tig_d fl"></li>
    46.         <li class="ks_tig ks_tig_e fl"></li>
    47.       </ul>
    48.     </div>
    49.         
    50.   </div>
    51. </div>
    复制代码



    只要你还有一口气就不能放弃
  • TA的每日心情
    抱抱
    2016-11-23 10:46
  • 签到天数: 135 天

    连续签到: 1 天

    [LV.7]炉火纯青

    9

    主题

    887

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31914

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

    QQ
    发表于 2016-1-20 16:15:51 | 显示全部楼层
    没什么问题啊

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


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

  • TA的每日心情
    加油
    2016-9-9 10:00
  • 签到天数: 23 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    48

    帖子

    4703

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4703

    QQ
     楼主| 发表于 2016-1-20 16:27:06 | 显示全部楼层

    话说你是谁,老是第一时间抢我沙发,哈哈

    只要你还有一口气就不能放弃
  • TA的每日心情

    2016-11-20 16:01
  • 签到天数: 99 天

    连续签到: 1 天

    [LV.6]渐入佳境

    7

    主题

    222

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24577

    最佳新人热心会员

    QQ
    发表于 2016-1-21 09:13:09 | 显示全部楼层
    你写的没错   但淘宝不支持自定义CSS呀
    淘宝代码问题直接加QQ:343063418
  • TA的每日心情
    思考
    2016-11-9 10:49
  • 签到天数: 364 天

    连续签到: 1 天

    [LV.8]自成一派

    13

    主题

    805

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40457

    淘宝皇冠店美工

    QQ
    发表于 2016-1-21 09:39:45 | 显示全部楼层
    你写的没错   但淘宝不支持自定义CSS呀
    喜欢烘焙及养仓鼠的小渣渣
  • TA的每日心情
    抱抱
    2016-11-23 10:46
  • 签到天数: 135 天

    连续签到: 1 天

    [LV.7]炉火纯青

    9

    主题

    887

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31914

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

    QQ
    发表于 2016-1-21 10:08:18 | 显示全部楼层
    liuhefei 发表于 2016-1-20 16:27
    话说你是谁,老是第一时间抢我沙发,哈哈

    哇哈哈哈  我就是传说中的沙发哥

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


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

  • TA的每日心情
    臭美
    2016-9-4 18:30
  • 签到天数: 134 天

    连续签到: 1 天

    [LV.7]炉火纯青

    1

    主题

    189

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29784

    最佳新人热心会员

    发表于 2016-2-19 08:46:34 | 显示全部楼层

    路过的。。。。

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-3 06:17 , Processed in 0.122611 second(s), 18 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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