淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2715|回复: 15
收起左侧

自由触点切换图片 阿芙页脚切换轮播

[复制链接]
  • TA的每日心情
    抱抱
    2016-10-14 17:55
  • 签到天数: 90 天

    连续签到: 1 天

    [LV.6]渐入佳境

    17

    主题

    585

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23826

    发表于 2015-7-27 15:49:15 | 显示全部楼层 |阅读模式
    本帖最后由 Rain 于 2015-7-27 16:50 编辑
    1. <div class="www.linc.top/ " data-time="1437967531" style="height:358px;">
    2.   <div class="sn-simple-logo" style="left:auto;right:auto;width:990px;height:358px;top:auto;padding:0;border:none;z-index:1;background:none; ">
    3.     <div class="sn-simple-logo" style="left:0px;top:0px;height:358px;width:990px;border:none;padding:0;background:none; ">
    4.       
    5.       
    6.       <div data-widget-config="{'contentCls': 'macontent','navCls': 'ma_na','duration':1,'interval':4,'autoplay':true,'triggerType':'mouse','circular':true,'effect': 'scrollx','easing': 'easeOutStrong','prevBtnCls':'prev','nextBtnCls':'next','autoplay': true,'viewSize':[990],'activeTriggerCls': 'hidden'}" data-widget-type="Carousel" class="J_TWidget">
    7.         <div class="WN" style="height:358px;width:990px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;">
    8.           <ul class="macontent" style="height:358px;width:990px;padding:0px;margin:0px;">
    9.             <li class="item"><img src="http://gdp.alicdn.com/imgextra/i1/2001181152/TB2DU.ydVXXXXcQXXXXXXXXXXXX_!!2001181152.jpg"></li>
    10.             <li class="item"><img src="http://gdp.alicdn.com/imgextra/i3/2001181152/TB2B9sJdVXXXXXEXXXXXXXXXXXX_!!2001181152.jpg"></li>
    11.             <li class="item"><img src="http://gdp.alicdn.com/imgextra/i4/2001181152/TB2TVAzdVXXXXcKXXXXXXXXXXXX_!!2001181152.jpg"></li>
    12.             <li class="item"><img src="http://gdp.alicdn.com/imgextra/i4/2001181152/TB2jgIndVXXXXbtXpXXXXXXXXXX_!!2001181152.jpg"></li>
    13.             <li class="item"><img src="http://gdp.alicdn.com/imgextra/i4/2001181152/TB2oWACdVXXXXb2XXXXXXXXXXXX_!!2001181152.jpg"></li>
    14.             <li class="item"><img src="http://gdp.alicdn.com/imgextra/i2/2001181152/TB2OIEpdVXXXXXIXpXXXXXXXXXX_!!2001181152.jpg"></li>
    15.             <li class="item"><img src="http://gdp.alicdn.com/imgextra/i1/2001181152/TB2.IkzdVXXXXckXXXXXXXXXXXX_!!2001181152.jpg"></li>
    16.           </ul>
    17.         </div>
    18.      
    19.           <div class="sn-simple-logo" style="z-index: 99;width:990px;height:385px;left:0;top:0; right:0;">
    20.             <ul class="ma_na" style="width:990px;height:385px;color:#010101;filter:alpha(opacity=50);
    21. -moz-opacity:0.5;
    22. -khtml-opacity: 0.5;
    23. opacity: 0.5; ">
    24.               <div class="hidden"
    25.               style="display:inline;left:100px;top:160px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    26.               <div style="display:inline;left:170px;top:100px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    27.                <div style="display:inline;left:240px;top:60px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    28.                 <div style="display:inline;left:310px;top:80px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    29.                  <div style="display:inline;left:380px;top:0px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    30.                   <div style="display:inline;left:450px;top:-40px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    31.               
    32.               
    33.               
    34.             
    35.             
    36.             
    37.             </ul>
    38.           </div>
    39.           <div class="sn-simple-logo" style="z-index: 98;width:990px;height:385px;left:0;top:0;">
    40.             <ul class="ma_nb" style="width:990px;height:385px;color:#1F35E5;filter:alpha(opacity=60);
    41. -moz-opacity:0.6;
    42. -khtml-opacity: 0.6;
    43. opacity: 0.6;">
    44.               <div style="display:inline;left:100px;top:160px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    45.              <div style="display:inline;left:170px;top:100px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    46.                <div style="display:inline;left:240px;top:60px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    47.                 <div style="display:inline;left:310px;top:80px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    48.                  <div style="display:inline;left:380px;top:0px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    49.                   <div style="display:inline;left:450px;top:-40px;position: relative;line-height:1.4;font-size:100px; ">●</div>
    50.               
    51.             </ul>
    52.           </div>
    53.         </div>
    54.       </div>
    55.     </div>
    56.   </div>
    57. </div>
    复制代码


    我的淘宝店展示地址:http://shop72525576.taobao.com/
    以上代码展示:https://sailaiya.tmall.com/p/rd405762.htm




  • TA的每日心情
    加油
    2016-11-26 16:52
  • 签到天数: 220 天

    连续签到: 1 天

    [LV.7]炉火纯青

    14

    主题

    1111

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35311

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

    发表于 2015-7-27 15:52:12 | 显示全部楼层
    哈哈哈。赞一个。。以后可能用得到。。
  • TA的每日心情
    大哭
    2016-9-21 16:21
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    587

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27829

    最佳新人热心会员

    发表于 2015-7-27 15:56:04 | 显示全部楼层
    我拿分走人
    人面桃花里,浅笑如酒……
  • TA的每日心情
    臭美
    2016-8-29 09:18
  • 签到天数: 298 天

    连续签到: 1 天

    [LV.8]自成一派

    29

    主题

    939

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61033

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

    QQ
    发表于 2015-7-27 16:14:53 | 显示全部楼层
    不错哦 话说今天灌水的都死哪去了 就我一个好孤单啊

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


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

  • TA的每日心情

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

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    553

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27818

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

    QQ
    发表于 2015-7-27 16:41:38 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地
  • TA的每日心情
    委屈
    昨天 22:31
  • 签到天数: 290 天

    连续签到: 1 天

    [LV.8]自成一派

    53

    主题

    2466

    帖子

    8万

    积分

    超级版主

    阅读权限: 150

    超级大菜鸟

    Rank: 18Rank: 18Rank: 18Rank: 18Rank: 18

    积分
    88855

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

    发表于 2015-7-27 16:50:58 | 显示全部楼层
    论坛不能推广个人网站,所以给你删了.
  • TA的每日心情
    臭美
    2016-8-31 13:49
  • 签到天数: 274 天

    连续签到: 1 天

    [LV.8]自成一派

    23

    主题

    393

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32053

    发表于 2015-7-28 08:38:18 | 显示全部楼层
    不知道用来做什么,不过,还是支持楼主~
    小煒小站 http://www.lliwenwei.net/ 打打小广告
  • TA的每日心情
    吐舌头
    2016-11-15 10:44
  • 签到天数: 44 天

    连续签到: 1 天

    [LV.5]略有小成

    2

    主题

    407

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    16669

    发表于 2015-7-28 08:48:34 | 显示全部楼层
    哈哈,不错啊

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


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

  • TA的每日心情
    大哭
    2016-11-2 11:09
  • 签到天数: 277 天

    连续签到: 1 天

    [LV.8]自成一派

    2

    主题

    660

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    64555

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

    发表于 2015-7-28 15:38:21 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地

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


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

  • TA的每日心情

    2016-6-6 09:38
  • 签到天数: 443 天

    连续签到: 1 天

    [LV.9]已臻大成

    0

    主题

    130

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    92253

    发表于 2015-7-28 17:37:43 | 显示全部楼层
    感谢分享

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-9 19:51 , Processed in 0.124459 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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