淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

天猫轮播代码-带标签数字变化效果代码

[复制链接]
  • TA的每日心情
    抱抱
    昨天 08:35
  • 签到天数: 465 天

    连续签到: 1 天

    [LV.9]已臻大成

    11

    主题

    164

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    64222

    发表于 2015-1-28 16:08:24 | 显示全部楼层 |阅读模式
    本帖最后由 bwfbwf 于 2015-1-28 16:10 编辑

    <div style="height:290px;width:750px;position:relative;">
                                                                    <div class="footer-more-trigger mallNav-others sn-simple-logo" data-title="来自萝卜改写誓言代码 QQ310960943" style="width:750px;height:290px;border:0;padding:0;right:auto;z-index:1;top:auto;left:50%;">
                                                                            <div class="footer-more-trigger mallNav-others sn-simple-logo" style="width:750px;height:290px;border:0;padding:0;right:auto;z-index:1;top:auto;left:-375px;">
                                                                                    <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{"nextBtnCls":"xia1","activeTriggerCls":"hidden","easing":"none","effect":"scrollx","navCls":"nav_lsm_shiyan","prevBtnCls":"shang1","contentCls":"content_lsm_shiyan","autoplay":true}" style="height:290px;overflow:hidden;">
                                                                                            <ul class="content_lsm_shiyan">
                                                                                                    <li style="width:750px;height:290px;display:block;">
                                                                                                             <a href="" target="_blank" style="width:750px;height:290px;display:block;background-image:url(图片地址);"> </a>
                                                                                                    </li>
                                                                                                    <li style="width:750px;height:290px;display:block;">
                                                                                                             <a href="" target="_blank" style="width:750px;height:290px;display:block;background-image:url(图片地址);"> </a>
                                                                                                    </li>
                                                                                                    <li style="width:750px;height:290px;display:block;">
                                                                                                            <a href="" target="_blank" style="width:750px;height:290px;display:block;background-image:url(图片地址);"> </a>
                                                                                                    </li>
                                                                                                    <li style="width:750px;height:290px;display:block;">
                                                                                                            <a href="" target="_blank" style="width:750px;height:290px;display:block;background-image:url(图片地址);"> </a>
                                                                                                    </li>
                                                                                                    <li style="width:750px;height:290px;display:block;">
                                                                                                            <a href="" target="_blank" style="width:750px;height:290px;display:block;background-image:url(图片地址);"> </a>
                                                                                                    </li>
                                                                                            </ul>
                                                                                            <div class="sn-simple-logo" style="height:30px;top:110px;left:0px;">
                                                                                                    <div class="shang1" style="width:30px;height:30px;background:#FFF;float:left;">
                                                                                                             <img src="向上轮播箭头图片地址" width="30" height="30" />
                                                                                                    </div>
                                                                                            </div>
                                                                                            <div class="sn-simple-logo" style="height:30px;top:110px;left:720px;">
                                                                                                    <div class="xia1" style="width:30px;height:30px;background:#FFF;float:left;margin-left:0px;position:relative;top:0px;">
                                                                                                             <img src="向下轮播箭头图片地址" width="30" height="30" />
                                                                                                    </div>
                                                                                            </div>
                                                                                            <ul class="footer-more-trigger mallNav-others sn-simple-logo" style="width:100%;height:15px;z-index:98;padding:0;border:0;right:auto;top:auto;left:85%;margin-left:0px;bottom:15px;">
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#F40;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#FFF;">
                                                                                                             1
                                                                                                    </li>
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#F40;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#FFF;">
                                                                                                             2
                                                                                                    </li>
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#F40;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#FFF;">
                                                                                                             3
                                                                                                    </li>
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#F40;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#FFF;">
                                                                                                             4
                                                                                                    </li>
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#F40;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#FFF;">
                                                                                                             5
                                                                                                    </li>
                                                                                            </ul>
                                                                                            <ul class="footer-more-trigger mallNav-others sn-simple-logo nav_lsm_shiyan" style="width:100%;height:15px;right:auto;z-index:99;padding:0;border:0;top:auto;left:85%;margin-left:0px;bottom:15px;">
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#B7B7B7;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#000000;" class="hidden">
                                                                                                             1
                                                                                                    </li>
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#B7B7B7;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#000000;">
                                                                                                             2
                                                                                                    </li>
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#B7B7B7;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#000000;">
                                                                                                             3
                                                                                                    </li>
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#B7B7B7;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#000000;">
                                                                                                             4
                                                                                                    </li>
                                                                                                    <li style="width:15px;height:15px;border-radius:15px;background-color:#B7B7B7;display:block;float:left;margin-right:4px;font-size:12px;text-align:center;line-height:15px;color:#000000;">
                                                                                                             5
                                                                                                    </li>
                                                                                            </ul>
                                                                                    </div>
                                                                            </div>
                                                                    </div>
                                                            </div>
    请自行修改整体大小尺寸,更换海报图片网址,和轮播标签,其他不要修改。留言顶贴是美德


    QQ截图20150128160837.jpg

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


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

  • TA的每日心情
    抱抱
    昨天 08:35
  • 签到天数: 465 天

    连续签到: 1 天

    [LV.9]已臻大成

    11

    主题

    164

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    64222

     楼主| 发表于 2015-1-28 16:11:48 | 显示全部楼层
    二楼是广告位,招商中。。。

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


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

  • TA的每日心情

    2016-12-1 19:08
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

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

    Rank: 12Rank: 12Rank: 12

    积分
    539106

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

    QQ
    发表于 2015-1-28 16:39:51 | 显示全部楼层
    你这代码,在代码那儿提交一下看起来会好很多的
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    抱抱
    昨天 08:35
  • 签到天数: 465 天

    连续签到: 1 天

    [LV.9]已臻大成

    11

    主题

    164

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    64222

     楼主| 发表于 2015-1-28 16:42:16 | 显示全部楼层
    峰生水起之林 发表于 2015-1-28 16:39
    你这代码,在代码那儿提交一下看起来会好很多的

    不知道在论坛哪提交。。。。

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


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

  • TA的每日心情

    2016-12-1 19:08
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

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

    Rank: 12Rank: 12Rank: 12

    积分
    539106

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

    QQ
    发表于 2015-1-28 16:52:46 | 显示全部楼层
    bwfbwf 发表于 2015-1-28 16:42
    不知道在论坛哪提交。。。。

    看图

    01.jpg
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    大哭
    2016-7-15 17:18
  • 签到天数: 95 天

    连续签到: 1 天

    [LV.6]渐入佳境

    16

    主题

    300

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21402

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

    发表于 2015-1-28 16:54:13 | 显示全部楼层
    可不可以在详情使用啊 亲

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


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

  • TA的每日心情
    抱抱
    昨天 08:35
  • 签到天数: 465 天

    连续签到: 1 天

    [LV.9]已臻大成

    11

    主题

    164

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    64222

     楼主| 发表于 2015-1-28 19:52:35 | 显示全部楼层
    FreeSky 发表于 2015-1-28 16:54
    可不可以在详情使用啊 亲

    可以在全店详情关联位置使用,单个产品详情内的不可使用

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-10 01:41 , Processed in 0.128792 second(s), 19 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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