淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2099|回复: 17
收起左侧

详情页轮播(没东西可以发了就发这个了)

[复制链接]
  • TA的每日心情
    臭美
    2016-12-1 10:17
  • 签到天数: 238 天

    连续签到: 2 天

    [LV.7]炉火纯青

    7

    主题

    150

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43745

    最佳新人热心会员

    QQ
    发表于 2015-8-7 08:38:39 | 显示全部楼层 |阅读模式
    1. <div align="left" class="tb-module" style="width:790px;float:left;height:557px;">
    2.   <div class="J_TWidget tab" data-widget-config="{"effect": "scrollx", "circular": true,"interval":2,"autoplay": true,"navCls":"ks-switchable-nav","autoplay": true,"duration": 0.2,"pauseOnHover":false,"contentCls":"ks-switchable-content"}" data-widget-type="Tabs" style="border:none;position:relative;background-color:#FFFFFF;width:auto;height:auto;">
    3.     <div style="border:none;width:auto;float:left;height:35px;">
    4.       <table border="0" cellpadding="0" cellspacing="0" width="790">
    5.         <tbody>
    6.           <tr>
    7.             <td height="35" valign="center">
    8.               <ul class="ks-switchable-nav" style="width:auto;float:left;height:35px;color:#FFFFFF;font-size:12px;">
    9.                 <li class="ks-active" style="text-align:center;line-height:35px;width:182px;background:#000000;font-size:18px;float:left;height:35px;margin-left:5px;cursor:pointer;">
    10.                    <span style="color:#FFFFFF;">最低利润</span>
    11.                 </li>
    12.                 <li style="text-align:center;line-height:35px;width:182px;background:#000000;font-size:18px;float:left;height:35px;margin-left:5px;cursor:pointer;">
    13.                    <span style="color:#FFFFFF;">无条件退换</span>
    14.                 </li>
    15.                 <li style="text-align:center;line-height:35px;width:182px;background:#000000;float:left;height:35px;font-size:18px;margin-left:5px;cursor:pointer;">
    16.                    <span style="color:#FFFFFF;">闪电发货</span>
    17.                 </li>
    18.                 <li style="text-align:center;line-height:35px;width:182px;background:#000000;float:left;font-size:18px;height:35px;margin-left:5px;cursor:pointer;">
    19.                    <span style="color:#FFFFFF;">专业客服</span>
    20.                 </li>
    21.               </ul>
    22.             </td>
    23.           </tr>
    24.           <tr>
    25.             <td style="position:relative;" valign="center">
    26.               <div class="ks-switchable-content" style="width:999999px;float:left;left:0px;">
    27.                 <div style="width:auto;display:block;float:left;">
    28.                   <ul>
    29.                     <li style="width:auto;margin-left:1px;">
    30.                        <img alt="" height="557" src="http://img02.taobaocdn.com/imgextra/i2/1641493916/TB2EiDyaXXXXXaRXXXXXXXXXXXX-1641493916.jpg" width="790" />
    31.                     </li>
    32.                   </ul>
    33.                 </div>
    34.                 <div style="width:auto;display:block;float:left;visibility:hidden;">
    35.                   <ul>
    36.                     <li style="width:auto;margin-left:1px;">
    37.                        <img alt="" height="557" src="http://img04.taobaocdn.com/imgextra/i4/1641493916/TB2Ha2raXXXXXXpXpXXXXXXXXXX-1641493916.jpg" width="790" />
    38.                     </li>
    39.                   </ul>
    40.                 </div>
    41.                 <div style="width:auto;display:block;float:left;visibility:hidden;">
    42.                   <ul>
    43.                     <li style="width:auto;margin-left:1px;">
    44.                        <img alt="" height="557" src="http://img03.taobaocdn.com/imgextra/i3/1641493916/TB2npPraXXXXXapXpXXXXXXXXXX-1641493916.jpg" width="790" />
    45.                     </li>
    46.                   </ul>
    47.                 </div>
    48.                 <div style="width:auto;display:block;float:left;visibility:hidden;">
    49.                   <ul>
    50.                     <li style="width:auto;margin-left:1px;">
    51.                        <img alt="" height="557" src="http://img02.taobaocdn.com/imgextra/i2/1641493916/TB2J.vpaXXXXXaLXpXXXXXXXXXX-1641493916.jpg" width="790" />
    52.                     </li>
    53.                   </ul>
    54.                 </div>
    55.               </div>
    56.             </td>
    57.           </tr>
    58.         </tbody>
    59.       </table>
    60.     </div>
    61.   </div>
    62. </div>
    复制代码
    预览地址  详情最下面 QQ截图20150807083825.png

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


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

  • TA的每日心情
    思考
    6 小时前
  • 签到天数: 957 天

    连续签到: 17 天

    [LV.10]功行圆满

    6

    主题

    226

    帖子

    21万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    215301

    最佳新人热心会员天猫美工宣传达人优秀版主活跃会员灌水之王

    发表于 2015-8-7 08:39:47 | 显示全部楼层
    能放到上面就完美了

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


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

  • TA的每日心情
    臭美
    2016-12-1 10:17
  • 签到天数: 238 天

    连续签到: 2 天

    [LV.7]炉火纯青

    7

    主题

    150

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43745

    最佳新人热心会员

    QQ
     楼主| 发表于 2015-8-7 08:41:15 | 显示全部楼层
    https://item.taobao.com/item.htm?spm=a1z10.5-c.w4002-7523162743.12.bhMcbe&id=520828342058

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


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

  • TA的每日心情
    大哭
    2016-9-21 16:21
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    587

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27829

    最佳新人热心会员

    发表于 2015-8-7 09:00:41 | 显示全部楼层
    我收了
    人面桃花里,浅笑如酒……
  • TA的每日心情
    臭美
    2016-7-14 10:26
  • 签到天数: 242 天

    连续签到: 1 天

    [LV.8]自成一派

    0

    主题

    56

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    49516

    最佳新人

    发表于 2015-8-7 09:08:11 | 显示全部楼层
    感觉不错,支持一下

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


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

  • TA的每日心情
    加油
    2016-11-26 16:52
  • 签到天数: 220 天

    连续签到: 1 天

    [LV.7]炉火纯青

    14

    主题

    1111

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35311

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

    发表于 2015-8-7 09:09:50 | 显示全部楼层
    感觉会用到。很不错。
  • TA的每日心情

    2016-10-8 17:54
  • 签到天数: 378 天

    连续签到: 1 天

    [LV.9]已臻大成

    5

    主题

    175

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    46616

    发表于 2015-8-7 09:11:11 | 显示全部楼层
    这不叫详情页轮播,都不是放在详情页里面的

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


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

  • TA的每日心情
    求抱抱
    2016-1-8 09:04
  • 签到天数: 29 天

    连续签到: 2 天

    [LV.4]初窥堂奥

    0

    主题

    7

    帖子

    3188

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3188

    发表于 2015-8-7 10:29:40 | 显示全部楼层
    不行啊,我试了都没有效果的

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


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

  • TA的每日心情
    思考
    2016-1-1 09:21
  • 签到天数: 231 天

    连续签到: 59 天

    [LV.7]炉火纯青

    1

    主题

    359

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    51271

    最佳新人

    QQ
    发表于 2015-8-7 10:37:29 | 显示全部楼层
    我就看看不说话
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-11 14:09 , Processed in 0.162835 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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