淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2594|回复: 11
收起左侧

宫格小图鼠标经过切换大图,C店专用 求版主推荐

[复制链接]
  • TA的每日心情
    思考
    2015-11-22 17:52
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    4

    主题

    17

    帖子

    3123

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3123

    发表于 2015-7-22 17:22:59 | 显示全部楼层 |阅读模式
    1. <div class="J_TWidget muma_x8fcK" style="height:955px;width:950px;overflow:hidden;font-family:微软雅黑;background:#EDFBFE;" data-widget-config="{"navCls":"hidden-nav","effect": "fade", "circular": true ,"contentCls":"muma_nav_m9tPG"}" data-widget-type="Tabs">



    2.   <div class="J_TWidget" style="text-align:center;zoom:1;height:955px;width:950px;overflow:hidden;background:url(http://img01.taobaocdn.com/imgextra/i1/69040854/TB2o9NQbpXXXXazXXXXXXXXXXXX_!!69040854.jpg) no-repeat center bottom;" data-widget-type="Compatible" data-widget-config="{"png":true,"png_bg":true}">
    3.    
    4.    
    5.    
    6.     <div class="J_TWidget" style="width:406px;height:499px;margin-top:325px;font-family:arial;clear:both;overflow:hidden;zoom:1;color:#555;" data-widget-config="{"navCls":"nav","contentCls":"conbox","steps":1,"prevBtnCls": "prev","nextBtnCls": "next","disableBtnCls": "disable","circular":true,"effect":"scrollx","easing":"easeOut","duration":0.5,"interval":"4","autoplay":true}"  data-widget-type="Carousel">
    7.       
    8.         
    9.       <div class="muma_nav_m9tPG" style="width:535px;hight:654px;overflow:hidden;">
    10.         <div class="scollr muma_nav_m9tPG" style="width:535px;height:654px;left:417px;top:177px;overflow:hidden;zoom:1;background:#FFF url(file:///D|/%E6%96%87%E4%BB%B6%E5%A4%87%E4%BB%BD/%E4%BB%A3%E7%A0%81/*) no-repeat center bottom;border:0px solid #D5EBF0;">
    11.                
    12.                
    13.                
    14.           <ul class="conbox" style="overflow:hidden;zoom:1;">
    15.                     
    16.                     
    17.                     
    18.                     
    19.                     
    20.                     
    21.                     
    22.                     
    23.                     
    24.                     
    25.                     
    26.                     
    27.                     
    28.                     
    29.                     
    30.                     
    31.                     
    32.             <li style="width:535px;hight:654px;overflow:hidden;">
    33.                <a style="display:block;width:535px;text-decoration:none;height:654px;background:url(http://img01.taobaocdn.com/imgextra/i1/69040854/TB2NoFObpXXXXbZXXXXXXXXXXXX_!!69040854.jpg) no-repeat bottom left;overflow:hidden;margin:0px auto 0 auto;color:#666;"  target="_blank"> <span style="margin-top:489px;display:block;overflow:hidden;height:62px;background:#FFF;"> <span style="height:36px;line-height:36px;overflow:hidden;display:block;padding:0 10px;">新款韩百搭拼接蕾丝袖女T恤</span> <span style="display:block;height:26px;line-height:26px;color:#EF61A7;">¥ <b style="font-size:20px;">59.00</b></span> </span> </a>
    34.             </li>
    35.                         
    36.                         
    37.                         
    38.                         
    39.                      
    40.                         
    41.                        
    42.                         
    43.                         
    44.                         
    45.                         
    46.                         
    47.                       <li style="width:535px;hight:654px;overflow:hidden;">
    48.                <a style="display:block;width:535px;text-decoration:none;height:654px;background:url(http://img04.taobaocdn.com/imgextra/i4/69040854/TB273BRbpXXXXarXXXXXXXXXXXX_!!69040854.jpg) no-repeat bottom left;overflow:hidden;margin:0px auto 0 auto;color:#666;"  target="_blank"> <span style="margin-top:489px;display:block;overflow:hidden;height:62px;background:#FFF;"> <span style="height:36px;line-height:36px;overflow:hidden;display:block;padding:0 10px;">韩版圆领百搭大嘴唇爱吻T恤</span> <span style="display:block;height:26px;line-height:26px;color:#EF61A7;">¥ <b style="font-size:20px;">49.00</b></span> </span> </a>
    49.             </li>
    50.                         
    51.                         
    52.                         
    53.                         
    54.                         
    55.                         
    56.                      
    57.                         
    58.                         
    59.                         
    60.                         
    61.                         
    62.                         
    63.             <li style="width:535px;hight:654px;overflow:hidden;">
    64.                <a style="display:block;width:535px;text-decoration:none;height:654px;background:url(http://img01.taobaocdn.com/imgextra/i1/69040854/TB2xb8SbpXXXXX0XXXXXXXXXXXX_!!69040854.jpg) no-repeat bottom left;overflow:hidden;margin:0px auto 0 auto;color:#666;"  target="_blank"> <span style="margin-top:489px;display:block;overflow:hidden;height:62px;background:#FFF;"> <span style="height:36px;line-height:36px;overflow:hidden;display:block;padding:0 10px;">韩版百搭猫头鹰超热销T恤</span> <span style="display:block;height:26px;line-height:26px;color:#EF61A7;">¥ <b style="font-size:20px;">59.00</b></span> </span> </a>
    65.             </li>
    66.                         
    67.                         
    68.                         
    69.                         
    70.                         
    71.                         
    72.                         
    73.                         
    74.                         
    75.                         
    76.                         
    77.                         
    78.                         
    79.             <li style="width:535px;hight:654px;overflow:hidden;">
    80.                <a style="display:block;width:535px;text-decoration:none;height:654px;background:url(http://img02.taobaocdn.com/imgextra/i2/69040854/TB2JmtKbpXXXXakXpXXXXXXXXXX_!!69040854.jpg) no-repeat bottom left;overflow:hidden;margin:9px auto 0 auto;color:#666;"  target="_blank"> <span style="margin-top:469px;display:block;overflow:hidden;height:62px;background:#FFF;"> <span style="height:36px;line-height:36px;overflow:hidden;display:block;padding:0 10px;">韩版内外穿超好看假两件打底裤</span> <span style="display:block;height:26px;line-height:26px;color:#EF61A7;">¥ <b style="font-size:20px;">49.00</b></span> </span> </a>
    81.             </li>
    82.                         
    83.                         
    84.                         
    85.                         
    86.                         
    87.                         
    88.                       <li style="width:535px;hight:654px;overflow:hidden;">
    89.                <a style="display:block;width:535px;text-decoration:none;height:654px;background:url(http://img03.taobaocdn.com/imgextra/i3/69040854/TB2gJBNbpXXXXcqXXXXXXXXXXXX_!!69040854.jpg) no-repeat bottom left;overflow:hidden;margin:9px auto 0 auto;color:#666;"  target="_blank"> <span style="margin-top:469px;display:block;overflow:hidden;height:62px;background:#FFF;"> <span style="height:36px;line-height:36px;overflow:hidden;display:block;padding:0 10px;">韩版亮丝双裆假两件打底裤裙</span> <span style="display:block;height:26px;line-height:26px;color:#EF61A7;">¥ <b style="font-size:20px;">49.00</b></span> </span> </a>
    90.             </li>  
    91.                         
    92.                         
    93.                         
    94.                         
    95.                         
    96.                       <li style="width:535px;hight:654px;overflow:hidden;">
    97.                <a style="display:block;width:535px;text-decoration:none;height:654px;background:url(http://img02.taobaocdn.com/imgextra/i2/69040854/TB22C4JbpXXXXaaXpXXXXXXXXXX_!!69040854.jpg) no-repeat bottom left;overflow:hidden;margin:9px auto 0 auto;color:#666;"  target="_blank"> <span style="margin-top:469px;display:block;overflow:hidden;height:62px;background:#FFF;"> <span style="height:36px;line-height:36px;overflow:hidden;display:block;padding:0 10px;">韩版秋冬外穿百褶假两件打底裤裙</span> <span style="display:block;height:26px;line-height:26px;color:#EF61A7;">¥ <b style="font-size:20px;">49.00</b></span> </span> </a>
    98.             </li>  
    99.                         
    100.                         
    101.                         
    102.                      
    103.                         
    104.                         
    105.                         
    106.                         
    107.                         
    108.                         
    109.                         
    110.                      
    111.                         
    112.                         
    113.                         
    114.                         
    115.                         
    116.                         
    117.                         
    118.                         
    119.                         
    120.                         
    121.           </ul>
    122.         </div>
    123.       </div>
    124.             
    125.             
    126.             
    127.             
    128.       <ul class="nav" >
    129.             
    130.             
    131.            
    132.             
    133.             
    134.       
    135.                 <li style="no-repeat center;float:left;_display:inline;width:132px;height:247px;background:#FFF;border:0px solid #D5EBF0;overflow:hidden;">
    136.            <a style="display:block;margin:0px auto 0 auto;width:132px;height:247px;background:url(http://img04.taobaocdn.com/imgextra/i4/69040854/TB2MCtKbpXXXXX7XpXXXXXXXXXX_!!69040854.jpg) no-repeat center;"  target="_blank"></a>
    137.         </li>
    138.                
    139.                
    140.             
    141.             
    142.             <li style="no-repeat center;float:left;_display:inline;width:132px;height:247px;background:#FFF;border:0px solid #D5EBF0;overflow:hidden;margin-left:5px;">
    143.            <a style="display:block;margin:0px auto 0 auto;width:132px;height:247px;background:url(http://img03.taobaocdn.com/imgextra/i3/69040854/TB2jqdQbpXXXXbvXXXXXXXXXXXX_!!69040854.jpg) no-repeat center;"  target="_blank"></a>
    144.         </li>
    145.             
    146.             
    147.             
    148.             <li style="no-repeat center;float:left;_display:inline;width:132px;height:247px;background:#FFF;border:0px solid #D5EBF0;overflow:hidden;margin-left:5px;">
    149.            <a style="display:block;margin:0px auto 0 auto;width:132px;height:247px;background:url(http://img04.taobaocdn.com/imgextra/i4/69040854/TB2EYRTbpXXXXXvXXXXXXXXXXXX_!!69040854.jpg) no-repeat center;"  target="_blank"></a>
    150.         </li>
    151.                
    152.                
    153.                
    154.             <li style="no-repeat center;float:left;_display:inline;width:132px;height:247px;background:#FFF;border:0px solid #D5EBF0;overflow:hidden;margin-top:5px;">
    155.            <a style="display:block;margin:0px auto 0 auto;width:132px;height:247px;background:url(http://img02.taobaocdn.com/imgextra/i2/69040854/TB2kQxObpXXXXb8XXXXXXXXXXXX_!!69040854.jpg) no-repeat center;"  target="_blank"></a>
    156.         </li>
    157.             
    158.             
    159.             
    160.          
    161.                
    162.                <li style="no-repeat center;float:left;_display:inline;width:132px;height:247px;background:#FFF;border:0px solid #D5EBF0;overflow:hidden;margin-left:5px;margin-top:5px;">
    163.            <a style="display:block;margin:0px auto 0 auto;width:132px;height:247px;background:url(http://img01.taobaocdn.com/imgextra/i1/69040854/TB2hV8QbpXXXXbkXXXXXXXXXXXX_!!69040854.jpg) no-repeat center;"  target="_blank"></a>
    164.         </li>
    165.                
    166.                
    167.                
    168.                
    169.                 <li style="no-repeat center;float:left;_display:inline;width:132px;height:247px;background:#FFF;border:0px solid #D5EBF0;overflow:hidden;margin-left:5px;margin-top:5px;">
    170.            <a style="display:block;margin:0px auto 0 auto;width:132px;height:247px;background:url(http://img04.taobaocdn.com/imgextra/i4/69040854/TB2obBJbpXXXXa6XpXXXXXXXXXX_!!69040854.jpg) no-repeat center center;"  target="_blank"></a>
    171.         </li>
    172.                
    173.                
    174.                
    175.                
    176.                
    177.                
    178.                
    179.             
    180.             
    181.             
    182.             
    183.             
    184.             
    185.             
    186.             
    187.             
    188.             
    189.       </ul>
    190.     </div>
    191.   </div>
    192. </div>
    复制代码

    QQ截图20150722171749.jpg


    学习自己有兴趣的东西
  • TA的每日心情
    思考
    2015-11-22 17:52
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    4

    主题

    17

    帖子

    3123

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3123

     楼主| 发表于 2015-7-22 17:25:09 | 显示全部楼层
    代码复制抖了一下.复制了两个.变成这么长了!,要用的朋友     
    </ul>
        </div>
      </div>
    </div>
    在第一段这个之后的都可以删除
    学习自己有兴趣的东西
  • TA的每日心情

    2016-7-11 11:31
  • 签到天数: 46 天

    连续签到: 1 天

    [LV.5]略有小成

    5

    主题

    144

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27907

    最佳新人热心会员

    发表于 2015-7-23 11:21:27 | 显示全部楼层
    拿分走人
    我渴望的是,无论多少年过去,无论我的未来是怎样,我和你,一间简单的房子。一杯茶,一段音乐,一对安静的人。如此着,平淡藏身!shop102768439.taobao.com
  • TA的每日心情
    大哭
    昨天 14:19
  • 签到天数: 650 天

    连续签到: 3 天

    [LV.9]已臻大成

    37

    主题

    2231

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    【单身狗认证】

    Rank: 8Rank: 8

    积分
    138011

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

    QQ
    发表于 2015-7-23 13:28:16 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地我要冲第一了! 感谢分享 淘宝美工有你而精彩!
  • TA的每日心情
    无奈
    2016-11-21 19:37
  • 签到天数: 289 天

    连续签到: 2 天

    [LV.8]自成一派

    53

    主题

    2463

    帖子

    8万

    积分

    超级版主

    阅读权限: 150

    超级大菜鸟

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

    积分
    88609

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

    发表于 2015-7-23 14:20:35 | 显示全部楼层
    第十三行代码图片调用的是本地的...然后我复制下来代码是失效的

  • TA的每日心情
    思考
    2015-8-26 10:25
  • 签到天数: 18 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    2

    主题

    55

    帖子

    3212

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3212

    发表于 2015-7-28 15:41:58 | 显示全部楼层
    啦啦啦啦啦啦

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


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

  • TA的每日心情
    抱抱
    2015-8-5 16:20
  • 签到天数: 7 天

    连续签到: 1 天

    [LV.3]武林新秀

    1

    主题

    17

    帖子

    2025

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2025

    最佳新人

    发表于 2015-7-29 16:07:35 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地我要冲第一了! 感谢分享 淘宝美工有你而精彩!


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


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

  • TA的每日心情
    不爽
    2016-5-27 11:51
  • 签到天数: 122 天

    连续签到: 1 天

    [LV.7]炉火纯青

    32

    主题

    719

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13420

    最佳新人热心会员

    QQ
    发表于 2015-7-31 10:50:52 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地
    https://594diaosi.taobao.com/shop/view_shop.htm?spm=a1z0e.1.10010.5.JXukMr
  • TA的每日心情
    臭美
    2016-8-29 09:18
  • 签到天数: 298 天

    连续签到: 1 天

    [LV.8]自成一派

    29

    主题

    939

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61033

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

    QQ
    发表于 2015-8-1 09:53:36 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-4 01:49 , Processed in 0.145364 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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