淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2525|回复: 7
收起左侧

分享一个图片滚动代码

[复制链接]
  • TA的每日心情
    臭美
    2016-3-15 11:20
  • 签到天数: 118 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    143

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24489

    最佳新人热心会员

    QQ
    发表于 2015-4-15 17:46:30 | 显示全部楼层 |阅读模式
    SA4X7M]P$N[3M[272O$H)1B.png 因为是天猫店,没在c店测试,所以不知道C点能不能用。
    预览地址:http://wenbiquan.tmall.com/

    1. <div data-widget-config="{'contentCls': 'wm03','navCls': 'wms','prevBtnCls':'prev','nextBtnCls':'next','duration':0.3,'interval':1.5,'autoplay':true,'effect': 'scrollx'}" data-widget-type="Carousel" class="J_TWidget">
    2. <div style="width:1100px; height:410px; overflow:hidden;" class="jian">
    3. <ul class="wm03 zy2">
    4.   <li><a  target="_blank" style="background:url(http://img03.taobaocdn.com/imgextra/i3/661544293/TB2B0s0cXXXXXbTXXXXXXXXXXXX_!!661544293.jpg) no-repeat; display:block; height:410px; width:275px;"></a></li>
    5.     <li><a  target="_blank" style="background:url(http://img02.taobaocdn.com/imgextra/i2/661544293/TB2JZQ4cXXXXXXyXXXXXXXXXXXX_!!661544293.jpg) no-repeat; display:block; height:410px; width:275px;"></a></li>
    6.     <li><a  target="_blank" style="background:url(http://img01.taobaocdn.com/imgextra/i1/661544293/TB2XrQ4cXXXXXXyXXXXXXXXXXXX_!!661544293.jpg) no-repeat; display:block; height:410px; width:275px;"></a></li>
    7.     <li><a  target="_blank" style="background:url(http://img01.taobaocdn.com/imgextra/i1/661544293/TB2h0UWcXXXXXaDXpXXXXXXXXXX_!!661544293.jpg) no-repeat; display:block; height:410px; width:275px;"></a></li>
    8.     <li><a  target="_blank" style="background:url(http://img02.taobaocdn.com/imgextra/i2/661544293/TB2fgkUcXXXXXX9XpXXXXXXXXXX_!!661544293.jpg) no-repeat; display:block; height:410px; width:275px;"></a></li>
    9.     <li><a  target="_blank" style="background:url(http://img04.taobaocdn.com/imgextra/i4/661544293/TB2uNo1cXXXXXavXXXXXXXXXXXX_!!661544293.jpg) no-repeat; display:block; height:410px; width:275px;"></a></li>
    10.     <li><a  target="_blank" style="background:url(http://img01.taobaocdn.com/imgextra/i1/661544293/TB2Gzg2cXXXXXX.XXXXXXXXXXXX_!!661544293.jpg) no-repeat; display:block; height:410px; width:275px;"></a></li>
    11.   </ul>
    12.     </div>
    13. <div class="wms" style="display:none"></div>

    14. <div class="J_TWidget" data-widget-config="{'trigger':'.jian','align':{'node':'.jian','offset':[-540,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
    15. <div class="prev" style="cursor:pointer;font-size:70px;color:#1B1B1B;opacity:0.6;"><</div></div>
    16. <div class="J_TWidget" data-widget-config="{'trigger':'.jian','align':{'node':'.jian','offset':[540,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
    17. <div class="next" style="cursor:pointer;font-size:70px;color:#1B1B1B;opacity:0.6;">></div></div>
    18. </div>
    复制代码




    用我的一生,换你十年天真无邪。
  • TA的每日心情
    臭美
    2016-3-15 11:20
  • 签到天数: 118 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    143

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24489

    最佳新人热心会员

    QQ
     楼主| 发表于 2015-4-15 17:56:58 | 显示全部楼层
    没人就自己坐沙发
    用我的一生,换你十年天真无邪。
  • TA的每日心情
    臭美
    2016-8-31 13:49
  • 签到天数: 274 天

    连续签到: 1 天

    [LV.8]自成一派

    23

    主题

    393

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32053

    发表于 2015-4-16 08:55:35 | 显示全部楼层
    我来支持一下楼主~
    小煒小站 http://www.lliwenwei.net/ 打打小广告
  • TA的每日心情
    臭美
    2016-3-15 11:20
  • 签到天数: 118 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    143

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24489

    最佳新人热心会员

    QQ
     楼主| 发表于 2015-4-16 11:45:47 | 显示全部楼层

    O(∩_∩)O谢谢

    用我的一生,换你十年天真无邪。
  • TA的每日心情
    臭美
    2015-5-25 13:35
  • 签到天数: 26 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    0

    主题

    27

    帖子

    6181

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6181

    发表于 2015-4-16 17:29:54 | 显示全部楼层
    不粗,学习下

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


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

  • TA的每日心情
    抱抱
    2016-9-15 11:03
  • 签到天数: 127 天

    连续签到: 1 天

    [LV.7]炉火纯青

    1

    主题

    28

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24226

    最佳新人

    发表于 2015-4-17 19:17:58 | 显示全部楼层
    不错,谢谢学习了。
    我的选择,我认定……
  • TA的每日心情
    臭美
    昨天 12:51
  • 签到天数: 407 天

    连续签到: 1 天

    [LV.9]已臻大成

    0

    主题

    42

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    79443

    发表于 2015-4-20 08:52:39 | 显示全部楼层
    分享必顶。

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


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

  • TA的每日心情
    不爽
    2016-1-2 14:26
  • 签到天数: 19 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    2

    主题

    81

    帖子

    5057

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5057

    发表于 2015-4-30 11:43:31 | 显示全部楼层
    小手一抖金币拿走

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-3 08:27 , Processed in 0.141705 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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