淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 5234|回复: 12
收起左侧

一个很不错的店招小轮播(淘宝天猫通用)

[复制链接]
  • TA的每日心情
    吐舌头
    2015-4-6 19:54
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    29

    主题

    144

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    44366

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

    QQ
    发表于 2015-2-9 14:36:21 | 显示全部楼层 |阅读模式
    本帖最后由 kshen 于 2015-2-9 16:08 编辑

    123.gif
    如图,
    代码

    1. <!--轮播-->
    2. <div style="padding:0px;left:450px;top:0px;border:0px;width:320px;background:none;border-top:0px;height:82px;z-index:10;" class="sn-simple-logo footer-more-trigger most-footer">
    3.   <div class="J_TWidget" data-widget-config="{'nextBtnCls':'next','duration':0.5,'activeTriggerCls':'active','easing':'easeBothStrong','interval':'6','effect':'scrollx','navCls':'nav','contentCls':'content','prevBtnCls':'prev','autoplay':true}" data-widget-type="Carousel" style="padding-bottom:0px;width:325px;background:none;height:90px;">
    4.     <div style="width:325px;">
    5.       <div style="width:325px;font-family:arial;height:90px;overflow:hidden;position:relative;clear:both;">
    6.         <ul class="content" style="margin-left:0px;">
    7.           <a href="#" target="_blank"><div class="ks-switchable-panel-internal1990" style="width:320px;height:90px;list-style-image:none;display:block;line-height:90px;float:left;text-align:center;font-size:14px;color:rgb(102,102,102);">
    8.             一个逗比的留言
    9.           </div></a>
    10.           <a href="#" target="_blank"><div class="ks-switchable-panel-internal1990" style="width:320px;height:90px;list-style-image:none;display:block;line-height:90px;float:left;text-align:center;font-size:14px;color:rgb(102,102,102);">
    11.             不要吝惜对别人的赞美
    12.           </div></a>
    13.           <a href="#" target="_blank"><div class="ks-switchable-panel-internal1990" style="width:320px;height:90px;list-style-image:none;display:block;line-height:90px;float:left;text-align:center;font-size:14px;color:rgb(102,102,102);">
    14.             不要太复杂
    15.           </div></a>
    16.           <a href="#" target="_blank"><div class="ks-switchable-panel-internal1990" style="width:320px;height:90px;list-style-image:none;display:block;line-height:90px;float:left;text-align:center;font-size:14px;color:rgb(102,102,102);">
    17.             简单点
    18.           </div></a>
    19.           <a href="#" target="_blank"><div class="ks-switchable-panel-internal1990" style="width:320px;height:90px;list-style-image:none;display:block;line-height:90px;float:left;text-align:center;font-size:14px;color:rgb(102,102,102);">
    20.             简化
    21.           </div></a>
    22.          
    23.         </ul>
    24.       </div>
    25.       
    26. <div class="prev" style="width:26px;float:left;height:22px;display:none;">
    27.       
    28.     </div>
    29.       <div class="next" style="width:26px;float:right;height:22px;display:none;">
    30.          
    31.       </div>
    32.       <div class="nav" style="padding-left:0px;float:none;">
    33.          <a href="#" target="_blank"><div class="k1 active" style="cursor:pointer;padding-left:0;margin:0;border-bottom:#EFEFEF 1px solid;border-left:#EFEFEF 1px solid;width:63px;float:left;height:22px;border-top:#EFEFEF 1px solid;border-right:#EFEFEF 1px solid;line-height:22px;color:rgb(102,102,102);background:#f7f8f3;text-align:center;">呵呵</div></a>
    34.                   <a href="#" target="_blank"><div class="k1" style="cursor:pointer;padding:0;margin:0;border-bottom:#EFEFEF 1px solid;border-left:medium none;width:63px;float:left;height:22px;border-top:#EFEFEF 1px solid;border-right:#EFEFEF 1px solid;line-height:22px;color:rgb(102,102,102);background:#f7f8f3;text-align:center;">哈哈</div></a>
    35.                   <a href="#" target="_blank"><div class="k1" style="cursor:pointer;padding:0;margin:0;border-bottom:#EFEFEF 1px solid;border-left:medium none;width:63px;float:left;height:22px;border-top:#EFEFEF 1px solid;border-right:#EFEFEF 1px solid;line-height:22px;color:rgb(102,102,102);background:#f7f8f3;text-align:center;">嚯嚯</div></a>
    36.                   <a href="#" target="_blank"><div class="k1" style="cursor:pointer;padding:0;margin:0;border-bottom:#EFEFEF 1px solid;border-left:medium none;width:63px;float:left;height:22px;border-top:#EFEFEF 1px solid;border-right:#EFEFEF 1px solid;line-height:22px;color:rgb(102,102,102);background:#f7f8f3;text-align:center;">嘻嘻</div></a>
    37.                   <a href="#" target="_blank"><div class="k1" style="cursor:pointer;padding:0;margin:0;border-bottom:#EFEFEF 1px solid;border-left:medium none;width:63px;float:left;height:22px;border-top:#EFEFEF 1px solid;border-right:#EFEFEF 1px solid;line-height:22px;color:rgb(102,102,102);background:#f7f8f3;text-align:center;">吼吼</div></a>
    38.                   
    39.       </div>
    40.     </div>
    41.   </div>
    42. </div>

    43. <!--轮播end-->
    复制代码
    放在元来的代码后面就可以了。原来



    本帖被以下淘专辑推荐:

  • TA的每日心情

    6 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

    黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?

    Rank: 12Rank: 12Rank: 12

    积分
    539106

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    QQ
    发表于 2015-2-9 14:45:31 | 显示全部楼层
    很逗比的
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    抱抱
    昨天 08:22
  • 签到天数: 676 天

    连续签到: 3 天

    [LV.9]已臻大成

    26

    主题

    2630

    帖子

    18万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    185282

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

    QQ
    发表于 2015-2-9 14:46:03 | 显示全部楼层
    我就看看不说话
    QQ交流群  107102001
  • TA的每日心情

    昨天 09:40
  • 签到天数: 255 天

    连续签到: 2 天

    [LV.8]自成一派

    15

    主题

    425

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    28588

    最佳新人热心会员

    QQ
    发表于 2015-2-9 15:44:35 | 显示全部楼层
    怎么整

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


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

  • TA的每日心情
    吐舌头
    2015-4-6 19:54
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    29

    主题

    144

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    44366

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

    QQ
     楼主| 发表于 2015-2-9 15:46:49 | 显示全部楼层

    瞎整,
    复制-粘贴。

  • TA的每日心情

    2015-11-13 22:08
  • 签到天数: 139 天

    连续签到: 1 天

    [LV.7]炉火纯青

    12

    主题

    116

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    18339

    发表于 2015-2-9 17:36:37 | 显示全部楼层

    我就看看不说话

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


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

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

    连续签到: 1 天

    [LV.9]已臻大成

    10

    主题

    1246

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    http://www.zcool.com.cn/u/12978141

    Rank: 8Rank: 8

    积分
    111128

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

    QQ
    发表于 2015-2-9 17:59:09 | 显示全部楼层
    我就看看不说话
    http://www.zcool.com.cn/u/12978141
  • TA的每日心情
    吐舌头
    2015-5-6 11:37
  • 签到天数: 16 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    4

    主题

    19

    帖子

    2635

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2635

    发表于 2015-2-10 18:15:22 | 显示全部楼层
    哇塞  学习了

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


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

  • TA的每日心情
    大哭
    2016-8-29 09:43
  • 签到天数: 352 天

    连续签到: 1 天

    [LV.8]自成一派

    7

    主题

    300

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    72061

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

    QQ
    发表于 2015-2-12 10:20:44 | 显示全部楼层
    收藏了~~~
    人生的道路需要不断学习与进取!
  • TA的每日心情
    心跳
    2015-6-21 14:40
  • 签到天数: 14 天

    连续签到: 2 天

    [LV.3]武林新秀

    0

    主题

    12

    帖子

    3344

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3344

    发表于 2015-2-13 11:35:18 | 显示全部楼层
    谢谢分享, 学习了

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-7 02:00 , Processed in 0.131796 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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