淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 547|回复: 3
收起左侧

[装修相关] 为什么点击左边的箭头到第三个轮播的时候轮播有延迟了...

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

    连续签到: 1 天

    [LV.6]渐入佳境

    9

    主题

    73

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29287

    发表于 2015-5-28 10:41:32 | 显示全部楼层 |阅读模式
    <style type="text/css">
    .hb_1{
             width:990px;
         position:relative;
         z-index:10;

    }
    .hb_1 .hb_2{
            width:1920px;
            overflow:hidden;
            position:absolute;
            z-index:5;
           
            height:660px;
            left:0px;
           
            }
    .hb_1 .hb_2        ul,ol{
            left: 0px;
            top: 0px;
            width: 1920px;
            height: 660px;
            list-style-image: none;
            list-style-position: inside;
            list-style-type: none;
            overflow:hidden;
            margin:0 0 0 0 ;
            padding:0 0 0 0;
            }
    .hb_1 .hb_2 ul,ol li{
                    list-style-image: none;
            list-style-position: inside;
            list-style-type: none;
            position:relative;
           
            }
    .hb_1 .nav{ position:absolute;
    top:600px;
    z-index:99;
    left:740px;
            list-style-image: none;
            list-style-position: inside;
            list-style-type: none;
            overflow:hidden;
            margin:0 0 0 0 ;
            padding:0 0 0 0;


            }       
    .hb_1 .nav li{
            display: inline-block;
            float: left;
            width: 78px;
            height: 36px;
            line-height: 42px;
            background-image: url();
            margin: 0 5px 0 0;
            text-align: center;
           
            }
    .hb_1 .nav .active {
            background-image: url();
            color: #FFF;
    }
    .hb_1 .prev{
             position:absolute;
             z-index:99px;
             left:200px;
           background-image:inherit;
            }
    .hb_1 .next{
             position:absolute;
             z-index:99px;
             left:400px;
             background-image:inherit;

            }

    </style>

    <div  class="J_TWidget hb_1" data-widget-type="Carousel"  data-widget-config="{
    'effect':'scrollx',
    'easing':'easeBoth',
    'viewSize':[1920],
    'navCls':'nav',
    'contentCls':'content',
    'activeTriggerCls':'active',
    'prevBtnCls':'prev',
    'nextBtnCls':'next',
    'duration':0.4,
    'autoplay':true
    }">
    <div class="hb_2">
    <ul class="content">
    <li>
    <table width="1920" height="660" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <a  target="_blank" data-spm-wangpu-module-id="5003-11007913424" data-spm-anchor-id="a1z10.1-b.w5003-11007913424.1"><img src="http://gdp.alicdn.com/imgextra/i1/468333872/TB2MAhLcVXXXXXKXXXXXXXXXXXX_!!468333872.jpg" width="650" height="660" alt=""></a> </td> <td> <a  target="_blank" data-spm-wangpu-module-id="5003-11007913424" data-spm-anchor-id="a1z10.1-b.w5003-11007913424.2"><img src="http://gdp.alicdn.com/imgextra/i2/468333872/TB2X_FxcVXXXXcQXXXXXXXXXXXX_!!468333872.jpg" width="298" height="660" alt=""></a> </td> <td> <a  target="_blank" data-spm-wangpu-module-id="5003-11007913424" data-spm-anchor-id="a1z10.1-b.w5003-11007913424.3"><img src="http://gdp.alicdn.com/imgextra/i2/468333872/TB26VlicVXXXXblXpXXXXXXXXXX_!!468333872.jpg" width="554" height="660" alt=""></a> </td> <td> <img src="http://gdp.alicdn.com/imgextra/i4/468333872/TB2gPJrcVXXXXaRXpXXXXXXXXXX_!!468333872.jpg" width="418" height="660" alt=""> </td> </tr> </tbody> </table>


    </li>
    <li>
    <table width="1920" height="660" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <a  target="_blank" data-spm-wangpu-module-id="5003-11007913424" data-spm-anchor-id="a1z10.1-b.w5003-11007913424.1"><img src="http://gdp.alicdn.com/imgextra/i1/468333872/TB2MAhLcVXXXXXKXXXXXXXXXXXX_!!468333872.jpg" width="650" height="660" alt=""></a> </td> <td> <a  target="_blank" data-spm-wangpu-module-id="5003-11007913424" data-spm-anchor-id="a1z10.1-b.w5003-11007913424.2"><img src="http://gdp.alicdn.com/imgextra/i2/468333872/TB2X_FxcVXXXXcQXXXXXXXXXXXX_!!468333872.jpg" width="298" height="660" alt=""></a> </td> <td> <a  target="_blank" data-spm-wangpu-module-id="5003-11007913424" data-spm-anchor-id="a1z10.1-b.w5003-11007913424.3"><img src="http://gdp.alicdn.com/imgextra/i2/468333872/TB26VlicVXXXXblXpXXXXXXXXXX_!!468333872.jpg" width="554" height="660" alt=""></a> </td> <td> <img src="http://gdp.alicdn.com/imgextra/i4/468333872/TB2gPJrcVXXXXaRXpXXXXXXXXXX_!!468333872.jpg" width="418" height="660" alt=""> </td> </tr> </tbody> </table>


    </li>
    <li>
    <table width="1920" height="660" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <a  target="_blank" data-spm-wangpu-module-id="5003-11007913424" data-spm-anchor-id="a1z10.1-b.w5003-11007913424.1"><img src="http://gdp.alicdn.com/imgextra/i1/468333872/TB2MAhLcVXXXXXKXXXXXXXXXXXX_!!468333872.jpg" width="650" height="660" alt=""></a> </td> <td> <a  target="_blank" data-spm-wangpu-module-id="5003-11007913424" data-spm-anchor-id="a1z10.1-b.w5003-11007913424.2"><img src="http://gdp.alicdn.com/imgextra/i2/468333872/TB2X_FxcVXXXXcQXXXXXXXXXXXX_!!468333872.jpg" width="298" height="660" alt=""></a> </td> <td> <a  target="_blank" data-spm-wangpu-module-id="5003-11007913424" data-spm-anchor-id="a1z10.1-b.w5003-11007913424.3"><img src="http://gdp.alicdn.com/imgextra/i2/468333872/TB26VlicVXXXXblXpXXXXXXXXXX_!!468333872.jpg" width="554" height="660" alt=""></a> </td> <td> <img src="http://gdp.alicdn.com/imgextra/i4/468333872/TB2gPJrcVXXXXaRXpXXXXXXXXXX_!!468333872.jpg" width="418" height="660" alt=""> </td> </tr> </tbody> </table>


    </li>


    </ul>


    </div>

    <ul class="nav "><li class="active">1</li><li>2</li><li>3</li></ul>

    <p class="prev">

      <img src="http://gdp.alicdn.com/imgextra/i2/394695430/T295W3XEtXXXXXXXXX-394695430.png" width="97" height="97"> </p>


    <p  class="next"><img src="http://gdp.alicdn.com/imgextra/i2/394695430/T2Vla3XCxXXXXXXXXX-394695430.png" width="97" height="97"></p>







    </div>
    为什么点击左边的箭头到第三个轮播的时候轮播有延迟了???


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


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

  • TA的每日心情
    加油
    4 天前
  • 签到天数: 1098 天

    连续签到: 2 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279346

    发表于 2015-5-28 11:11:34 | 显示全部楼层
    hb_1 .hb_2        ul,ol{
            left: 0px;
            top: 0px;
            width: 1920px;
            height: 660px;
            list-style-image: none;
            list-style-position: inside;
            list-style-type: none;
            overflow:hidden;
            margin:0 0 0 0 ;
            padding:0 0 0 0;
            }
    里的
    overflow:hidden;
    删除

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


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

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

    连续签到: 1 天

    [LV.6]渐入佳境

    9

    主题

    73

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29287

     楼主| 发表于 2015-5-28 11:27:31 | 显示全部楼层
    X_in 发表于 2015-5-28 11:11
    hb_1 .hb_2        ul,ol{
            left: 0px;
            top: 0px;

    哥,你人真好,我试了下可以诶

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-3 23:46 , Processed in 0.104780 second(s), 14 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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