淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2143|回复: 13
收起左侧

【自家制】类似TAB型990轮播

[复制链接]
  • TA的每日心情
    臭美
    2016-8-31 13:49
  • 签到天数: 274 天

    连续签到: 1 天

    [LV.8]自成一派

    23

    主题

    393

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32053

    发表于 2015-6-26 10:19:31 | 显示全部楼层 |阅读模式
    本帖最后由 我是小小煒 于 2015-6-26 10:20 编辑

    6.jpg
    【自家制】类似TAB型990轮播 店铺效果地址:http://miaoranbaobeimuying.tmall.com/p/rd107507.htm
    1. <div style="width:991px;height:719px;float:left;">
    2.   <div class="J_TWidget" data-widget-type="Tabs" data-widget-config="{"effect": "fade","autoplay": true,"circular":true,"contentcls":"lwwcls",navCls:"lwwnav"}" style="height:719px;overflow:hidden;">
    3.     <div class="lwwcls" style="width:991px;height:719px;background:#FEF1CF;">
    4.       <div class="J_TWidget" data-widget-config="{"contentCls": "weicls","navCls": "weinav","effect": "scrollx","easing": "easeOutStrong","prevBtnCls":"prev1920","nextBtnCls":"next1920","autoplay": true,"viewSize":[991],"circular": true}" data-widget-type="Carousel">
    5.         <div class="li" style="margin:0px;padding:0px;width:991px;height:719px;overflow:hidden;">
    6.           <ul class="weicls" style="margin:0px;padding:0px;width:991px;height:719px;">
    7.             <li style="margin:0px;padding:0px;width:991px;height:719px;">
    8.               <div style="width:991px;height:719px;float:left;"> <a href="//miaoranbaobeimuying.tmall.com/category-1034859472.htm?spm=a1z10.5-b.w4010-10919795640.15.3tQA4V&search=y&catName=S%C2%EB%CF%B5%C1%D0%A3%A83-8kg%B5%C4%B1%A6%B1%A6%29&scene=taobao_shop#bd" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB24YnjcFXXXXbDXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB2VMNJcFXXXXXPXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.109.E2DB7f&id=45092026883&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i2/2303498616/TB2dbVKcFXXXXXqXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.76.E2DB7f&id=43024446627&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB2ZE8QcFXXXXXcXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.103.E2DB7f&id=43072168725&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i2/2303498616/TB2.PlKcFXXXXc5XXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <img src="http://gdp.alicdn.com/imgextra/i3/2303498616/TB2TU8HcFXXXXa_XpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB2xp0PcFXXXXaAXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> </div>
    9.             </li>
    10.             <li style="margin:0px;padding:0px;width:991px;height:719px;">
    11.               <div style="width:991px;height:719px;float:left;"> <a href="//miaoranbaobeimuying.tmall.com/category-1034859473.htm?spm=a1z10.5-b.w4010-10919795640.16.3tQA4V&search=y&catName=M%C2%EB%CF%B5%C1%D0%A3%A87-11kg%B5%C4%B1%A6%B1%A6%A3%A9&scene=taobao_shop#bd" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i3/2303498616/TB2p2HecFXXXXa3XpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a><img src="http://gdp.alicdn.com/imgextra/i2/2303498616/TB2V_XJcFXXXXXOXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.106.E2DB7f&id=45028040287&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i4/2303498616/TB2TrXMcFXXXXceXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.82.E2DB7f&id=43004871744&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB20WBJcFXXXXafXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.100.E2DB7f&id=43070868919&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i3/2303498616/TB2JCJOcFXXXXaDXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <img src="http://gdp.alicdn.com/imgextra/i4/2303498616/TB2OIlGcFXXXXbGXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i2/2303498616/TB2YTJOcFXXXXasXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> </div>
    12.             </li>
    13.             <li style="margin:0px;padding:0px;width:991px;height:719px;">
    14.               <div style="width:991px;height:719px;float:left;"> <a href="//miaoranbaobeimuying.tmall.com/category-1034859474.htm?spm=a1z10.5-b.w4010-10919795640.17.3tQA4V&search=y&catName=L%C2%EB%CF%B5%C1%D0%A3%A89-14kg%B5%C4%B1%A6%B1%A6%A3%A9&scene=taobao_shop#bd" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB2_y98cFXXXXbbXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <img src="http://gdp.alicdn.com/imgextra/i2/2303498616/TB2AcBKcFXXXXc_XXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.88.E2DB7f&id=43056073420&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i2/2303498616/TB2gHNIcFXXXXaJXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.115.E2DB7f&id=44890627768&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i4/2303498616/TB2nq4QcFXXXXXtXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.76.E2DB7f&id=43024446627&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i4/2303498616/TB2IkNFcFXXXXclXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.103.E2DB7f&id=43072168725&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i2/2303498616/TB2owdLcFXXXXcsXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB25JhQcFXXXXXlXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i3/2303498616/TB25Z0QcFXXXXXpXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> </div>
    15.             </li>
    16.             <li style="margin:0px;padding:0px;width:991px;height:719px;">
    17.               <div style="width:991px;height:719px;float:left;"> <a href="//miaoranbaobeimuying.tmall.com/category-1034859475.htm?spm=a1z10.5-b.w4010-10919795640.18.3tQA4V&search=y&catName=XL%C2%EB%CF%B5%C1%D0%A3%A813kg%D2%D4%C9%CF%B5%C4%B1%A6%B1%A6%A3%A9&scene=taobao_shop#bd" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB29UG9cFXXXXbrXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <img src="http://gdp.alicdn.com/imgextra/i4/2303498616/TB2EgXHcFXXXXaSXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.85.E2DB7f&id=43025346135&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB2cwpNcFXXXXbGXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.112.E2DB7f&id=45074394236&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB21LtMcFXXXXchXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.76.E2DB7f&id=43024446627&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i4/2303498616/TB2poBGcFXXXXbCXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <a href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-9726589298.85.E2DB7f&id=43025346135&rn=6b83304c8cc0571942a8dda68a908283&abbucket=12&scene=taobao_shop" target="_blank"><img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB2Y3BKcFXXXXc5XXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /></a> <img src="http://gdp.alicdn.com/imgextra/i3/2303498616/TB2UGRLcFXXXXcVXXXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> <img src="http://gdp.alicdn.com/imgextra/i1/2303498616/TB28H8KcFXXXXXfXpXXXXXXXXXX_!!2303498616.jpg" style="float:left;" /> </div>
    18.             </li>
    19.           </ul>
    20.         </div>
    21.         <div class="sn-simple-logo sn-msg-box" style="padding:0px;left:50%;">
    22.           <div class="sn-simple-logo sn-msg-box" style="padding:0px;left:-495px;top:-80px;width:991px;height:50px;">
    23.             <ul class="weinav" style="margin:0px auto;width:500px;height:50px;text-align:center;display:block;">
    24.               <li style="margin:0px auto;line-height:50px;display:inline;cursor:pointer;float:left;"> <img src="http://gdp.alicdn.com/imgextra/i3/2303498616/TB2FclOcFXXXXaFXXXXXXXXXXXX_!!2303498616.png" /> </li>
    25.               <li style="margin:0px auto;line-height:50px;display:inline;cursor:pointer;float:left;"> <img src="http://gdp.alicdn.com/imgextra/i4/2303498616/TB2c9BIcFXXXXX.XpXXXXXXXXXX_!!2303498616.png" /> </li>
    26.               <li style="margin:0px auto;line-height:50px;display:inline;cursor:pointer;float:left;"> <img src="http://gdp.alicdn.com/imgextra/i3/2303498616/TB2fqlLcFXXXXcKXXXXXXXXXXXX_!!2303498616.png" /> </li>
    27.               <li style="margin:0px auto;line-height:50px;display:inline;cursor:pointer;float:left;"> <img src="http://gdp.alicdn.com/imgextra/i4/2303498616/TB2FpNLcFXXXXcFXXXXXXXXXXXX_!!2303498616.png" /> </li>
    28.             </ul>
    29.           </div>
    30.         </div>
    31.       </div>
    32.     </div>
    33.   </div>
    34.   <ul class="lwwnav" style="display:none;">
    35.   </ul>
    36. </div>
    复制代码



    评分

    参与人数 1美工币 +1 收起 理由
    snrtmnmnyk + 1 感谢分享!

    查看全部评分

    小煒小站 http://www.lliwenwei.net/ 打打小广告
  • TA的每日心情
    臭美
    2016-8-21 10:25
  • 签到天数: 633 天

    连续签到: 1 天

    [LV.9]已臻大成

    58

    主题

    411

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    132978

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

    发表于 2015-6-26 10:37:12 | 显示全部楼层
    额!开个天猫店就买这几个产品。。。。。。有钱啊!还是这利润高

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


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

  • TA的每日心情

    2016-4-29 14:30
  • 签到天数: 128 天

    连续签到: 2 天

    [LV.7]炉火纯青

    20

    主题

    453

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27904

    最佳新人热心会员

    发表于 2015-6-26 10:51:13 | 显示全部楼层
    肯定暴利

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


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

  • TA的每日心情
    臭美
    2016-8-31 13:49
  • 签到天数: 274 天

    连续签到: 1 天

    [LV.8]自成一派

    23

    主题

    393

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32053

     楼主| 发表于 2015-6-26 10:51:14 | 显示全部楼层
    僵尸爱上鬼 发表于 2015-6-26 10:37
    额!开个天猫店就买这几个产品。。。。。。有钱啊!还是这利润高

    香港品牌,尿片,但不是我的~是公司代运营的~

    小煒小站 http://www.lliwenwei.net/ 打打小广告
  • TA的每日心情
    加油
    2016-2-19 10:16
  • 签到天数: 112 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    410

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23943

    最佳新人热心会员

    QQ
    发表于 2015-6-26 11:45:22 | 显示全部楼层
    效果帮帮哒
    我就看看不说话
  • TA的每日心情

    2016-6-11 16:25
  • 签到天数: 192 天

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    553

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27818

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

    QQ
    发表于 2015-6-26 12:51:50 | 显示全部楼层
    效果帮帮哒
  • TA的每日心情
    思考
    2015-8-24 13:43
  • 签到天数: 20 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    0

    主题

    20

    帖子

    4093

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4093

    发表于 2015-6-30 10:41:20 | 显示全部楼层
    没CSS 吗?

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


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

  • TA的每日心情
    思考
    2015-8-24 13:43
  • 签到天数: 20 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    0

    主题

    20

    帖子

    4093

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4093

    发表于 2015-6-30 11:11:01 | 显示全部楼层
    测试了 不行

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


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

  • TA的每日心情
    臭美
    2016-8-31 13:49
  • 签到天数: 274 天

    连续签到: 1 天

    [LV.8]自成一派

    23

    主题

    393

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32053

     楼主| 发表于 2015-6-30 11:43:01 | 显示全部楼层

    这是天猫的,淘宝店的要改一下调用

    小煒小站 http://www.lliwenwei.net/ 打打小广告
  • TA的每日心情
    心跳
    2016-10-15 09:21
  • 签到天数: 318 天

    连续签到: 1 天

    [LV.8]自成一派

    35

    主题

    620

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    16025

    天猫美工最佳新人热心会员活跃会员优秀版主

    发表于 2015-6-30 15:28:54 | 显示全部楼层
    占楼占楼占楼占楼
    有要给妈妈买衣服的可以看看我的淘宝店铺:https://shop68698047.taobao.com/?spm=a230r.7195193.1997079397.2.JnAPIw
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-3 02:11 , Processed in 0.138762 second(s), 24 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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