淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 975|回复: 14
收起左侧

[装修相关] 淘宝如何利用代码制作跳动的图片

[复制链接]
  • TA的每日心情
    吐舌头
    2016-11-3 10:34
  • 签到天数: 144 天

    连续签到: 1 天

    [LV.7]炉火纯青

    12

    主题

    120

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27716

    最佳新人

    发表于 2015-7-23 17:14:38 | 显示全部楼层 |阅读模式
    如何利用代码制作跳动的图片,   这是他们http://teyes.tmall.com/   QQ截图20150723171312.png 这块如何不利用PS GIF图实现出来的啊?亲们,看了许久也不知如何解决!
    1. <div class="J_TWidget s728-shake-price" data-widget-config="{'contentCls':'content_matoo','navCls':'nav_matoo','triggerType':'click'}" data-widget-type="Tabs" data-widget-init="1">

    2. <ul class="content_matoo">
    3. <li class="ks-switchable-panel-internal1133" role="tabpanel" aria-hidden="false" aria-labelledby="ks-switchable1136"> <div class="J_TWidget" data-widget-config="{'effect':'scrolly','easing':'none','contentCls':'content','navCls':'nav','circular':false,'duration':0.3,'interval':0.3}" data-widget-type="Slide" style="position:relative;" data-widget-init="1">

    4.   <ul class="content" style="top: -9.90194px; position: absolute;"> <li style="width: 239px; height: 10px; display: block; background-image: url(http://gdp.alicdn.com/imgextra/i2/731222132/TB2aOKLdVXXXXaNXpXXXXXXXXXX_!!731222132.png);" class="ks-switchable-panel-internal1141"> </li> <li style="width: 239px; height: 157px; display: block; background-image: url(http://gdp.alicdn.com/imgextra/i2/731222132/TB2aOKLdVXXXXaNXpXXXXXXXXXX_!!731222132.png); background-position: 0px -20px;" class="ks-switchable-panel-internal1141">
    5.   <a href="//detail.ju.taobao.com/home.htm?spm=a1z10.1-b.w5003-11693769602.2.E7RjKS&item_id=12568603550&id=10000008094863&scene=taobao_shop" target="_blank" style="display:block;width:239px;height:177px;" data-spm-wangpu-module-id="5003-11693769602" data-spm-anchor-id="a1z10.1-b.w5003-11693769602.2"></a>
    6.   </li>
    7.   
    8.   </ul>  



    9. <div class="nav" style="display:none;">
    10. <li class="ks-switchable-trigger-internal1140">1</li>
    11. <li class="ks-switchable-trigger-internal1140 ks-active">2</li>

    12. </div>
    13. </div>
    14. </li>
    15. <li style="display:none;" class="ks-switchable-panel-internal1133" role="tabpanel" aria-hidden="true" aria-labelledby="ks-switchable1137"> </li>
    16. </ul>
    17. <ul class="nav_matoo" style="display:none;" role="tablist">
    18. <li class="ks-switchable-trigger-internal1132" role="tab" tabindex="0" id="ks-switchable1136"> </li> <li class="ks-switchable-trigger-internal1132" role="tab" tabindex="-1" id="ks-switchable1137"> </li>
    19. </ul>

    20. </div>
    复制代码


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


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

  • TA的每日心情
    抱抱
    2016-6-1 10:38
  • 签到天数: 149 天

    连续签到: 2 天

    [LV.7]炉火纯青

    13

    主题

    470

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    58721

    最佳新人热心会员

    发表于 2015-7-24 00:12:00 | 显示全部楼层
    要会牛逼的
    代码谁还做美工呢
    来自安卓客户端来自安卓客户端

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-5 10:29 , Processed in 0.135804 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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