淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1515|回复: 9
收起左侧

【晴天】简单修改码工的轮播!

[复制链接]
  • TA的每日心情
    加油
    6 天前
  • 签到天数: 174 天

    连续签到: 1 天

    [LV.7]炉火纯青

    2

    主题

    58

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24443

    最佳新人

    QQ
    发表于 2016-5-11 11:05:29 | 显示全部楼层 |阅读模式
    貌似 韩都 阿卡 裂帛 初语 茵曼 素萝 等店铺 轮播下面都是文字的 看着很吊的样子。


    好吧

    我今天就基于码工的一个 修改一个吧!



    直接上代码

    1. <!-- 超强轮播 凡品设计 -->
    2. <div data-title="凡品设计,非凡品质www.fanpinsj.com" style="height:550px;">
    3.   <div class="footer-more footer-more-trigger" style="left:auto;right:auto;width:950px;height:530px;top:auto;padding:0;border:none;z-index:1;background:none; ">
    4.     <div class="footer-more footer-more-trigger" style="left:-485px;top:-20px;height:550px;width:1920px;border:none;padding:0;background:none; ">
    5.       <div data-widget-config="{'contentCls': 'macontent','navCls': 'ma_na','duration':1,'interval':4,'autoplay':true,'triggerType':'mouse','circular':true,'effect': 'scrollx','easing': 'backOut','prevBtnCls':'Mprev','nextBtnCls':'Mnext','autoplay': true,'viewSize':[1920],'activeTriggerCls': 'west'}" data-widget-type="Carousel" class="J_TWidget">

    6.         <div class="J_TWidget Mprev" data-widget-config="{'trigger':'.ML','align':{'node':'.ML','offset':[-510,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
    7.           <div class="Mprev" style="font-size:100px;cursor:pointer;">
    8.             <img src="http://img04.taobaocdn.com/imgextra/i4/126112166/TB2EaKBaXXXXXXxXXXXXXXXXXXX-126112166.png"></div>
    9.         </div>
    10.         <div class="J_TWidget Mnext" data-widget-config="{'trigger':'.ML','align':{'node':'.ML','offset':[510,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
    11.           <div class="Mnext" style="font-size:100px;cursor:pointer;">
    12.             <img src="http://img02.taobaocdn.com/imgextra/i2/126112166/TB2s_WAaXXXXXXQXXXXXXXXXXXX-126112166.png"></div>
    13.         </div>
    14.         <div class="ML" style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;">
    15.           <ul class="macontent" style="height:550px;width:1920px;padding:0px;margin:0px;">
    16.             <li class="item">
    17.               <a href="" target="_black"><img src="https://img.alicdn.com/imgextra/i2/879237988/TB2nfTpoFXXXXXLXpXXXXXXXXXX_!!879237988.jpg"></a>
    18.             </li>
    19.             <li class="item">
    20.               <a href="" target="_black"><img src="https://img.alicdn.com/imgextra/i1/879237988/TB2jGvtoFXXXXc1XXXXXXXXXXXX_!!879237988.jpg"></a>
    21.             </li>
    22.             <li class="item">
    23.               <a href="" target="_black"><img src="https://img.alicdn.com/imgextra/i4/879237988/TB2zFi5oFXXXXaFXFXXXXXXXXXX_!!879237988.jpg"></a>
    24.             </li>
    25.           </ul>
    26.         </div>

    27.         <div class="footer-more footer-more-trigger" style="width:1920px;height:30px;left:auto;top:auto;bottom:0;padding:0px;border:none;background: rgba(255,255,255,0.5); display:block;">
    28.           <div class="footer-more footer-more-trigger" style="z-index: 99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;">
    29.             <ul class="ma_na" style="width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#fff;">
    30.               <li class="hidden" style="display: inline;background: #444;margin: 0 5px;cursor: pointer;padding: 5px 20px;line-height: 30px;font-size: 14px;color: #fff;width: 120px;height: 30px;">天才第一步</li>
    31.               <li style="display: inline;background: #444;margin: 0 5px;cursor: pointer;padding: 5px 20px;line-height: 30px;font-size: 14px;color: #fff;width: 120px;height: 30px;">没有纸尿裤</li>
    32.               <li style="display: inline;background: #444;margin: 0 5px;cursor: pointer;padding: 5px 20px;line-height: 30px;font-size: 14px;color: #fff;width: 120px;height: 30px;">成就天才梦</li>
    33.             </ul>
    34.           </div>
    35.           <div class="footer-more footer-more-trigger" style="z-index: 98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none;">
    36.             <ul class="ma_nb" style="width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#333333;">
    37.               <li style="display: inline;background: #fff;margin: 0 5px;cursor: pointer;padding: 5px 20px;line-height: 30px;font-size: 14px;color: #444;width: 120px;height: 30px;">天才第一步</li>
    38.               <li style="display: inline;background: #fff;margin: 0 5px;cursor: pointer;padding: 5px 20px;line-height: 30px;font-size: 14px;color: #444;width: 120px;height: 30px;">没有纸尿裤</li>
    39.               <li style="display: inline;background: #fff;margin: 0 5px;cursor: pointer;padding: 5px 20px;line-height: 30px;font-size: 14px;color: #444;width: 120px;height: 30px;">成就天才梦</li>
    40.             </ul>
    41.           </div>
    42.         </div>

    43.       </div>
    44.     </div>
    45.   </div>
    46. </div>
    复制代码
    预览链接:https://shop119962114.taobao.com



    装逼技术交流群    点它!!!
  • TA的每日心情
    臭美
    2016-11-21 10:25
  • 签到天数: 164 天

    连续签到: 1 天

    [LV.7]炉火纯青

    15

    主题

    233

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35429

    发表于 2016-5-11 11:22:57 | 显示全部楼层
    wa ,hao diao hao diao hao diao

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


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

  • TA的每日心情
    加油
    2016-11-25 21:33
  • 签到天数: 143 天

    连续签到: 1 天

    [LV.7]炉火纯青

    6

    主题

    173

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    44814

    发表于 2016-5-11 17:42:54 | 显示全部楼层
    这个屌这个屌

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


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

  • TA的每日心情
    臭美
    2016-4-28 14:20
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    0

    主题

    5

    帖子

    391

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    391

    发表于 2016-5-11 17:54:00 | 显示全部楼层
    蛮好的,真心赞哦,不错

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


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

  • TA的每日心情
    加油
    6 天前
  • 签到天数: 174 天

    连续签到: 1 天

    [LV.7]炉火纯青

    2

    主题

    58

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24443

    最佳新人

    QQ
     楼主| 发表于 2016-5-11 19:40:45 | 显示全部楼层
    雪沾青衫 发表于 2016-5-11 17:54
    蛮好的,真心赞哦,不错

    文字 标题颜色变化BUG 明天再修复吧!谢谢支持!

    装逼技术交流群    点它!!!
  • TA的每日心情
    臭美
    2016-4-28 14:20
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    0

    主题

    5

    帖子

    391

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    391

    发表于 2016-5-17 17:23:34 | 显示全部楼层
    哈哈,谦虚

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


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

    该用户从未签到

    0

    主题

    2

    帖子

    426

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    426

    发表于 2016-5-25 23:21:06 | 显示全部楼层
    好东西,求楼主修复一下,感激啊

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


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

  • TA的每日心情
    吐舌头
    2016-11-10 13:55
  • 签到天数: 251 天

    连续签到: 1 天

    [LV.8]自成一派

    3

    主题

    346

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    53969

    最佳新人热心会员宣传达人

    发表于 2016-5-26 09:00:36 | 显示全部楼层
    这个是叫旋转木马,在线布局已经能做到了,不用再特意去修改
    PS美工交流群  283995557
  • TA的每日心情
    抱抱
    2016-7-8 16:37
  • 签到天数: 13 天

    连续签到: 2 天

    [LV.3]武林新秀

    0

    主题

    5

    帖子

    1466

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1466

    发表于 2016-6-8 10:02:26 | 显示全部楼层
    很好的作品 支持楼主

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


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

  • TA的每日心情
    大哭
    2016-6-10 20:21
  • 签到天数: 5 天

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    1

    帖子

    1753

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1753

    发表于 2016-6-8 21:10:26 | 显示全部楼层
    请问这个怎么样用呀

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-4 14:12 , Processed in 0.116790 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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