淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1251|回复: 10
收起左侧

利用弹出仿阿芙

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

    连续签到: 1 天

    [LV.4]初窥堂奥

    5

    主题

    44

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    10431

    发表于 2016-8-8 16:43:53 | 显示全部楼层 |阅读模式
    3.GIF   
    1. <div style="width:950px;height:534px; background:url(http://img04.taobaocdn.com/imgextra/i4/353516414/TB2rPXucXXXXXXQXXXXXXXXXXXX_!!353516414.jpg) center center no-repeat fixed;">
    2. <div style="width:auto;height:251px;float:left;overflow:hidden;float:left">
    3.         <div class="tc001" style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    4.                  <img src="http://img04.taobaocdn.com/imgextra/i4/353516414/TB2OEJkcXXXXXboXpXXXXXXXXXX_!!353516414.png" alt=" 1"/>
    5.         </div>
    6.         <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    7.           'trigger':'.tc001',
    8.   'align':{
    9.   'node':'.tc001',
    10.   'offset':[0,0],
    11.   'points':['cc','cc']
    12.   }
    13.             }">
    14.                 <div style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    15.                         <a href="#" target="_blank"> <img src="http://img01.taobaocdn.com/imgextra/i1/353516414/TB28cxocXXXXXXwXpXXXXXXXXXX_!!353516414.png" alt=" 2"/></a>
    16.                 </div>
    17.         </div>
    18. </div>
    19. <!--1-->
    20. <div style="width:auto;height:251px;float:left;overflow:hidden;float:left">
    21.         <div class="tc002" style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    22.                 <img src="http://img01.taobaocdn.com/imgextra/i1/353516414/TB2gLdqcXXXXXceXXXXXXXXXXXX_!!353516414.png" alt=" 3"/>
    23.         </div>
    24.         <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    25.           'trigger':'.tc002',
    26.   'align':{
    27.   'node':'.tc002',
    28.   'offset':[0,0],
    29.   'points':['cc','cc']
    30.   }
    31.             }">
    32.                 <div style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    33.                         <a href="#" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/353516414/TB2umhqcXXXXXb.XXXXXXXXXXXX_!!353516414.png" alt=" 4"/></a>
    34.                 </div>
    35.         </div>
    36. </div>
    37. <!--2-->
    38. <div style="width:auto;height:251px;float:left;overflow:hidden;float:left">
    39.         <div class="tc003" style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    40.                 <img src="http://img01.taobaocdn.com/imgextra/i1/353516414/TB2LgFucXXXXXXYXXXXXXXXXXXX_!!353516414.png" alt=" 5"/>
    41.         </div>
    42.         <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    43.           'trigger':'.tc003',
    44.   'align':{
    45.   'node':'.tc003',
    46.   'offset':[0,0],
    47.   'points':['cc','cc']
    48.   }
    49.             }">
    50.                 <div style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    51.                         <a href="#" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/353516414/TB2JNVkcXXXXXbOXpXXXXXXXXXX_!!353516414.png" alt=" 6"/></a>
    52.                 </div>
    53.         </div>
    54. </div>
    55. <!--3-->
    56. <div style="width:auto;height:251px;float:left;overflow:hidden;float:left">
    57.         <div class="tc004" style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    58.                 <img src="http://img01.taobaocdn.com/imgextra/i1/353516414/TB2yGBlcXXXXXbnXpXXXXXXXXXX_!!353516414.png" alt=" 7"/>
    59.         </div>
    60.         <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    61.           'trigger':'.tc004',
    62.   'align':{
    63.   'node':'.tc004',
    64.   'offset':[0,0],
    65.   'points':['cc','cc']
    66.   }
    67.             }">
    68.                 <div style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    69.                         <a href="#" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/353516414/TB2n0RpcXXXXXXmXpXXXXXXXXXX_!!353516414.png" alt=" 8"/></a>
    70.                 </div>
    71.         </div>
    72. </div>
    73. <!--4-->
    74. <div style="width:auto;height:283px;float:left;overflow:hidden;float:left">
    75.         <div class="tc005" style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    76.                 <img src="http://img01.taobaocdn.com/imgextra/i1/353516414/TB23axncXXXXXXUXpXXXXXXXXXX_!!353516414.png" alt=" 9"/>
    77.         </div>
    78.         <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    79.           'trigger':'.tc005',
    80.   'align':{
    81.   'node':'.tc005',
    82.   'offset':[0,0],
    83.   'points':['cc','cc']
    84.   }
    85.             }">
    86.                 <div style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    87.                         <a href="#" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/353516414/TB2fC8ocXXXXXXNXpXXXXXXXXXX_!!353516414.png" alt=" 10"/></a>
    88.                 </div>
    89.         </div>
    90. </div>
    91. <!--5-->
    92. <div style="width:auto;height:283px;float:left;overflow:hidden;float:left">
    93.         <div class="tc006" style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    94.                 <img src="http://img03.taobaocdn.com/imgextra/i3/353516414/TB2PgxlcXXXXXa.XpXXXXXXXXXX_!!353516414.png" alt=" 11"/>
    95.         </div>
    96.         <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    97.           'trigger':'.tc006',
    98.   'align':{
    99.   'node':'.tc006',
    100.   'offset':[0,0],
    101.   'points':['cc','cc']
    102.   }
    103.             }">
    104.                 <div style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    105.                         <a href="#" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/353516414/TB2iK4ucXXXXXXPXXXXXXXXXXXX_!!353516414.png" alt=" 12"/></a>
    106.                 </div>
    107.         </div>
    108. </div>
    109. <!--6-->
    110. <div style="width:auto;height:283px;float:left;overflow:hidden;float:left">
    111.         <div class="tc007" style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    112.                 <img src="http://img03.taobaocdn.com/imgextra/i3/353516414/TB20jdtcXXXXXX3XXXXXXXXXXXX_!!353516414.png" alt=" 13"/>
    113.         </div>
    114.         <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    115.           'trigger':'.tc007',
    116.   'align':{
    117.   'node':'.tc007',
    118.   'offset':[0,0],
    119.   'points':['cc','cc']
    120.   }
    121.             }">
    122.                 <div style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    123.                         <a href="#" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/353516414/TB24pRscXXXXXa8XXXXXXXXXXXX_!!353516414.png" alt=" 14"/></a>
    124.                 </div>
    125.         </div>
    126. </div>
    127. <!--7-->
    128. <div style="width:auto;height:283px;float:left;overflow:hidden;float:left">
    129.         <div class="tc008" style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    130.                 <img src="http://img03.taobaocdn.com/imgextra/i3/353516414/TB2uPtkcXXXXXbtXpXXXXXXXXXX_!!353516414.png" alt=" 15"/>
    131.         </div>
    132.         <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    133.           'trigger':'.tc008',
    134.   'align':{
    135.   'node':'.tc008',
    136.   'offset':[0,0],
    137.   'points':['cc','cc']
    138.   }
    139.             }">
    140.                 <div style="background:#FFFFFF;width:auto;height:auto;text-align:center;">
    141.                         <a href="#" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/353516414/TB2RsBkcXXXXXbDXpXXXXXXXXXX_!!353516414.png" alt=" 16"/></a>
    142.                 </div>
    143.         </div>
    144. </div>
    145. <!--8-->
    146. </div>
    复制代码

    评分

    参与人数 1美工币 +2 收起 理由
    蓝大蓝 + 2 江湖上到处都流传着2bkk的码子

    查看全部评分

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


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

  • TA的每日心情
    吐舌头
    2015-4-6 19:54
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    29

    主题

    144

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    44366

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

    QQ
    发表于 2016-9-18 16:25:23 | 显示全部楼层
    江湖中到处流传着哥的码子

    评分

    参与人数 1美工币 +10 收起 理由
    蓝大蓝 + 10 这是K神的原创

    查看全部评分

    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情
    吐舌头
    2016-11-7 10:34
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    5

    主题

    44

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    10431

     楼主| 发表于 2016-8-8 16:56:13 | 显示全部楼层
    沙发沙发沙发沙发沙发沙发

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


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

  • TA的每日心情
    心跳
    前天 18:40
  • 签到天数: 169 天

    连续签到: 5 天

    [LV.7]炉火纯青

    50

    主题

    617

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35073

    发表于 2016-8-8 17:59:22 | 显示全部楼层
    哎哟不错哦,这个吊
    从小不学好,长大开淘宝
  • TA的每日心情

    前天 09:38
  • 签到天数: 205 天

    连续签到: 1 天

    [LV.7]炉火纯青

    31

    主题

    1310

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    37436

    热心会员最佳新人

    QQ
    发表于 2016-8-8 21:56:24 | 显示全部楼层
    阿芙这个就是弹出来的吧
    当断不断,必受其乱
  • TA的每日心情
    抱抱
    2016-8-16 13:52
  • 签到天数: 7 天

    连续签到: 1 天

    [LV.3]武林新秀

    1

    主题

    24

    帖子

    1857

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1857

    发表于 2016-8-16 13:54:20 | 显示全部楼层
    职场小白,看不懂,哈哈

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


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

  • TA的每日心情
    大哭
    3 天前
  • 签到天数: 41 天

    连续签到: 1 天

    [LV.5]略有小成

    2

    主题

    4

    帖子

    4741

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4741

    发表于 2016-9-24 09:58:15 | 显示全部楼层
    ddddddddddddddddddddddddddddd

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


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

  • TA的每日心情
    大哭
    13 分钟前
  • 签到天数: 238 天

    连续签到: 5 天

    [LV.7]炉火纯青

    19

    主题

    555

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56274

    发表于 2016-9-24 10:56:26 | 显示全部楼层
    为什么你要访问阿芙。

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-5 10:27 , Processed in 0.141719 second(s), 28 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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