淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 928|回复: 10
收起左侧

[美工相关] 求大师帮我改一段TAB代码

[复制链接]
  • TA的每日心情
    求抱抱
    2014-12-29 17:59
  • 签到天数: 18 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    55

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13964

    发表于 2016-2-24 11:55:18 | 显示全部楼层 |阅读模式

    1.       <div class="J_TWidget" data-widget-type="Tabs" data-widget-config="{"effect": "fade", "circular": true ,"activeTriggerCls":"hidden"}" style="width:710px;height:391px;overflow:hidden;">
    2.         
    3.         
    4.         <div style="width:710px;height:258px;float:left;">
    5.           <ul class="ks-switchable-content"style="height:258px;width:710px;float:left;">
    6.             <li>
    7.                <a  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1624574342/TB2kMo1kpXXXXbuXpXXXXXXXXXX_!!1624574342.png" width="710" height="258" /></a>
    8.             </li>
    9.             <li>
    10.                <a  target="_blank"><img src="https://img.alicdn.com/imgextra/i4/1624574342/TB2QDhfkFXXXXXdXpXXXXXXXXXX_!!1624574342.png"  width="710" height="258" /></a>
    11.             </li>
    12.             <li>
    13.                <a  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1624574342/TB2kMo1kpXXXXbuXpXXXXXXXXXX_!!1624574342.png" width="710" height="258" /></a>
    14.             </li>
    15.             <li>
    16.                <a  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1624574342/TB2kMo1kpXXXXbuXpXXXXXXXXXX_!!1624574342.png"  width="710" height="258" /></a>
    17.             </li>
    18.             <li>
    19.                <a  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1624574342/TB2kMo1kpXXXXbuXpXXXXXXXXXX_!!1624574342.png" width="710" height="258" /></a>
    20.             </li>
    21.                           </div>
    22.                            <div style="width:710px;height:45px;float:left;background:url(https://img.alicdn.com/imgextra/i2/1624574342/TB2HR.6kpXXXXbGXpXXXXXXXXXX_!!1624574342.png);">
    23.           <ul class="ks-switchable-nav1">
    24.             <li style="width:339px;height:45px;background:url(https://img.alicdn.com/imgextra/i3/1624574342/TB2c1A7kpXXXXbyXpXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
    25.                
    26.             </li>
    27.             <li style="width:371px;height:45px;background:url(https://img.alicdn.com/imgextra/i4/1624574342/TB2QDhfkFXXXXXdXpXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
    28.                
    29.             </li>
    30.             
    31.             </li>
    32.                         </div>
    33.                         <div style="width:710px;height:88px;float:left;background:url(https://img.alicdn.com/imgextra/i1/1624574342/TB2orE5kpXXXXbpXpXXXXXXXXXX_!!1624574342.png);">
    34.           <ul class="ks-switchable-nav">
    35.             <li style="width:144px;height:88px;background:url(https://img.alicdn.com/imgextra/i1/1624574342/TB2V8RakFXXXXX8XpXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
    36.                
    37.             </li>
    38.             <li style="width:116px;height:88px;background:url(https://img.alicdn.com/imgextra/i4/1624574342/TB2vutukFXXXXaXXXXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
    39.                
    40.             </li>
    41.             <li style="width:136px;height:88px;background:url(https://img.alicdn.com/imgextra/i2/1624574342/TB2DCdfkFXXXXc_XXXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
    42.                
    43.             </li>
    44.             <li style="width:134px;height:88px;background:url(https://img.alicdn.com/imgextra/i3/1624574342/TB2jcXnkFXXXXbAXXXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
    45.                
    46.             </li>
    47.             <li style="width:180px;height:88px;background:url(https://img.alicdn.com/imgextra/i4/1624574342/TB2YKVikFXXXXbDXXXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
    48.                
    49.             </li>
    50.         
    51.           </ul>
    52.         </div>
    53.       </div>
    54.     </div>
    55.   </div>
    56. </div>
    复制代码
    这段 tab代码一段起作用另一段不起作用,我想实现二段都起作用的,效果店https://cmzx.tmall.com/shop/view_shop.htm?spm=a230r.7195193.1997079397.2.KBUjvs,现在只是实现了底部的tab,另一段要怎么改呢

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


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

  • TA的每日心情
    求抱抱
    2014-12-29 17:59
  • 签到天数: 18 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    55

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13964

     楼主| 发表于 2016-2-24 11:58:10 | 显示全部楼层
    谁能做下好人呢

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


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

  • TA的每日心情

    昨天 10:15
  • 签到天数: 147 天

    连续签到: 3 天

    [LV.7]炉火纯青

    12

    主题

    122

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    28256

    最佳新人

    发表于 2016-2-24 12:18:14 | 显示全部楼层
    他是Tab切换里面套一个Tab切换,你只做了一个外面的大Tab切换。

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


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

  • TA的每日心情
    抱抱
    昨天 08:30
  • 签到天数: 679 天

    连续签到: 6 天

    [LV.9]已臻大成

    26

    主题

    2631

    帖子

    18万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    185843

    最佳新人热心会员活跃会员灌水之王

    QQ
    发表于 2016-2-24 12:45:26 | 显示全部楼层
    表示看不懂
    QQ交流群  107102001
  • TA的每日心情
    加油
    2016-6-16 11:14
  • 签到天数: 59 天

    连续签到: 1 天

    [LV.5]略有小成

    2

    主题

    95

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    17167

    发表于 2016-2-24 14:07:45 | 显示全部楼层
    2楼正解

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


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

  • TA的每日心情
    求抱抱
    2014-12-29 17:59
  • 签到天数: 18 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    55

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13964

     楼主| 发表于 2016-2-24 14:50:07 | 显示全部楼层
    那阵被遗忘的风 发表于 2016-2-24 12:18
    他是Tab切换里面套一个Tab切换,你只做了一个外面的大Tab切换。

    怎么破,大神有空能帮下忙吗

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


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

  • TA的每日心情

    昨天 10:15
  • 签到天数: 147 天

    连续签到: 3 天

    [LV.7]炉火纯青

    12

    主题

    122

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    28256

    最佳新人

    发表于 2016-2-24 17:35:13 | 显示全部楼层
    本帖最后由 那阵被遗忘的风 于 2016-2-24 17:37 编辑


      
          <div class="J_TWidget" data-widget-type="Slide" data-widget-config="{'navCls':'cmzxdn-n02','contentCls':'cmzxdn-c02','effect':'fade', 'circular':'true','activeTriggerCls':'hidden'}" style="width:710px;height:391px;overflow:hidden;">
            
            
            <div  style="width:710px;height:298px;float:left;">
              <ul class="cmzxdn-c02" style="height:258px;width:710px;float:left;">
                <li>
                <div class="J_TWidget" data-widget-type="Slide" data-widget-config="{'navCls':'cmzxdn-c04','contentCls':'cmzxdn-c03','effect':'fade', 'circular':'true','activeTriggerCls':'hidden'}" style="width:710px;height:295px;overflow:hidden;">
                <div  style="width:710px;height:258px;float:left;">
                  <ul class="cmzxdn-c03" >
                    <li><img src="https://img.alicdn.com/imgextra/i3/1624574342/TB2kMo1kpXXXXbuXpXXXXXXXXXX_!!1624574342.png"  width="710" height="258" /></li>
                    <li><img src="https://img.alicdn.com/imgextra/i3/1624574342/TB2c1A7kpXXXXbyXpXXXXXXXXXX_!!1624574342.png"  width="710" height="258" /></li>
                  </ul>
                 </div>
                   <div style="width:710px;height:45px;float:left;">
                    <ul class="cmzxdn-c04" >
                      <li style="width:339px;height:45px;background:url(https://img.alicdn.com/imgextra/i3/1624574342/TB2c1A7kpXXXXbyXpXXXXXXXXXX_!!1624574342.png);float:left;display:block;"></li>
                      <li style="width:371px;height:45px;background:url(https://img.alicdn.com/imgextra/i4/1624574342/TB2QDhfkFXXXXXdXpXXXXXXXXXX_!!1624574342.png);float:left;display:block;"></li>
                   </ul>
                  </div>
                
                </div>
         
                </li>
                <li>
                   <a  target="_blank"><img src="https://img.alicdn.com/imgextra/i4/1624574342/TB2QDhfkFXXXXXdXpXXXXXXXXXX_!!1624574342.png"  width="710" height="258" /></a>
                </li>
                <li>
                   <a  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1624574342/TB2kMo1kpXXXXbuXpXXXXXXXXXX_!!1624574342.png" width="710" height="258" /></a>
                </li>
                <li>
                   <a  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1624574342/TB2kMo1kpXXXXbuXpXXXXXXXXXX_!!1624574342.png"  width="710" height="258" /></a>
                </li>
                <li>
                   <a  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1624574342/TB2kMo1kpXXXXbuXpXXXXXXXXXX_!!1624574342.png" width="710" height="258" /></a>
                </li>
                </ul>
             
              </div>
          
            <div  style="width:710px;height:88px;float:left;background:url(https://img.alicdn.com/imgextra/i1/1624574342/TB2orE5kpXXXXbpXpXXXXXXXXXX_!!1624574342.png);">
              <ul class="cmzxdn-n02">
                <li style="width:144px;height:88px;background:url(https://img.alicdn.com/imgextra/i1/1624574342/TB2V8RakFXXXXX8XpXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
                   
                </li>
                <li style="width:116px;height:88px;background:url(https://img.alicdn.com/imgextra/i4/1624574342/TB2vutukFXXXXaXXXXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
                   
                </li>
                <li style="width:136px;height:88px;background:url(https://img.alicdn.com/imgextra/i2/1624574342/TB2DCdfkFXXXXc_XXXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
                   
                </li>
                <li style="width:134px;height:88px;background:url(https://img.alicdn.com/imgextra/i3/1624574342/TB2jcXnkFXXXXbAXXXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
                   
                </li>
                <li style="width:180px;height:88px;background:url(https://img.alicdn.com/imgextra/i4/1624574342/TB2YKVikFXXXXbDXXXXXXXXXXXX_!!1624574342.png);float:left;display:block;">
                   
                </li>
            
              </ul>
            </div>
          </div>


    效果可以实现了,细节自己调试下吧!

    点评

    高手在民间啊!  发表于 2016-2-25 08:47

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


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

  • TA的每日心情
    求抱抱
    2014-12-29 17:59
  • 签到天数: 18 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    55

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13964

     楼主| 发表于 2016-2-24 18:07:50 | 显示全部楼层

    大哥你真是好人,给你一万个赞

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


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

  • TA的每日心情
    抱抱
    2016-11-16 17:20
  • 签到天数: 281 天

    连续签到: 1 天

    [LV.8]自成一派

    32

    主题

    2817

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45070

    最佳新人热心会员

    QQ
    发表于 2016-2-25 08:48:21 | 显示全部楼层
    帮楼主顶一下
    最好的我遇见最美的你,可是我们却隔了一整个青春!http://shop111472591.taobao.com
  • TA的每日心情
    吐舌头
    昨天 12:57
  • 签到天数: 326 天

    连续签到: 9 天

    [LV.8]自成一派

    11

    主题

    172

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43923

    发表于 2016-2-28 09:45:56 | 显示全部楼层
    里面加一个,我就乱了,看不懂了

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-10 01:31 , Processed in 0.122780 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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