淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1013|回复: 6
收起左侧

宝贝PK对比代码(大神勿喷)

[复制链接]
  • TA的每日心情
    臭美
    2016-11-10 09:31
  • 签到天数: 302 天

    连续签到: 1 天

    [LV.8]自成一派

    6

    主题

    108

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55644

    最佳新人

    QQ
    发表于 2015-3-31 09:13:12 | 显示全部楼层 |阅读模式
    效果链接地点:http://951114.taobao.com
    效果图:
    QQ截图20150331090910.png
    代码如下:
    <div style="width:950px;margin:auto;position:relative;z-index:999;font-size:12px;font-weight:normal;text-align:left;top:-40px;">
            <div style="position:relative;" class="J_TWidget" data-widget-type="Slide" data-widget-config="{&quot;autoplay&quot;:true,&quot;effect&quot;:&quot;scrollx&quot;,&quot;easing&quot;:&quot;easeBothStrong&quot;,&quot;contentCls&quot;:&quot;mk-202-content0207155928&quot;, &quot;navCls&quot;: &quot;mk-202-nav0207155928&quot;,&quot;duration&quot;:0.7,&quot;interval&quot;:4,&quot;steps&quot;:2}">
                    <div style="width:950px;height:480px;overflow:hidden;">
                            <ul class="mk-202-content0207155928">
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:left;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:right;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:left;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:right;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:left;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:right;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:left;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:right;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:left;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                                    <li style="width:475px;height:480px;float:left;">
                                            <div style="width:400px;float:right;">
                                                     <a target="_blank"  style="display:block;height:480px;background:url() no-repeat scroll center center;"></a>
                                            </div>
                                    </li>
                            </ul>
                    </div>
                    <div class="footer-more-trigger most-footer sn-simple-logo" style="width:auto;padding:0;line-height:inherit;top:auto;left:auto;border:0;background:none;width:150px;height:480px;left:400px;top:0;">
                            <div style="width:138px;height:480px;margin:auto;background:url() no-repeat;">
                                    <div style="padding-top:175px;line-height:35px;text-align:center;font-family:微软雅黑;font-size:13px;font-weight:bold;color:#FFFFFF;">
                                            <ul class="mk-202-nav0207155928">
                                                    <li style="height:35px;padding:0 5px;margin-bottom:5px;overflow:hidden;border:1px solid #00A0E8;cursor:pointer;">
                                                             首页装修Make
                                                    </li>
                                                    <li style="height:35px;padding:0 5px;margin-bottom:5px;overflow:hidden;border:1px solid #00A0E8;cursor:pointer;">
                                                             详情定制Details
                                                    </li>
                                                    <li style="height:35px;padding:0 5px;margin-bottom:5px;overflow:hidden;border:1px solid #00A0E8;cursor:pointer;">
                                                             海报制作Poster
                                                    </li>
                                                    <li style="height:35px;padding:0 5px;margin-bottom:5px;overflow:hidden;border:1px solid #00A0E8;cursor:pointer;">
                                                             主图定制The main figure
                                                    </li>
                                                    <li style="height:35px;padding:0 5px;margin-bottom:5px;overflow:hidden;border:1px solid #00A0E8;cursor:pointer;">
                                                             代码交流Code
                                                    </li>
                                            </ul>
                                    </div>
                            </div>
                    </div>
            </div>
    </div>
    仅供学习交流,代码分享!(大神勿喷,小白入道!)



    淘宝店:http://951114.taobao.com/ 仅供学习 代码分享!
  • TA的每日心情
    臭美
    2016-11-10 09:31
  • 签到天数: 302 天

    连续签到: 1 天

    [LV.8]自成一派

    6

    主题

    108

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55644

    最佳新人

    QQ
     楼主| 发表于 2015-3-31 09:15:10 | 显示全部楼层
    每张图片代表图片的链接!自己替换一下图片链接效果即可!预览页出了问题!链接地址:http://951114.taobao.com/p/rd327479.htm?spm=a1z10.1-c.w5002-9762391844.3.7bP3ij
    淘宝店:http://951114.taobao.com/ 仅供学习 代码分享!
  • TA的每日心情
    大哭
    2016-11-8 22:39
  • 签到天数: 156 天

    连续签到: 1 天

    [LV.7]炉火纯青

    19

    主题

    178

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19966

    发表于 2015-3-31 09:40:10 | 显示全部楼层
    好吧~我想要里面蝴蝶的代码~

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


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

  • TA的每日心情
    臭美
    2016-11-10 09:31
  • 签到天数: 302 天

    连续签到: 1 天

    [LV.8]自成一派

    6

    主题

    108

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55644

    最佳新人

    QQ
     楼主| 发表于 2015-3-31 09:54:22 | 显示全部楼层
    繁华瞬间 发表于 2015-3-31 09:40
    好吧~我想要里面蝴蝶的代码~

    代码不就在里面吗?自己偷就行了!

    淘宝店:http://951114.taobao.com/ 仅供学习 代码分享!
  • TA的每日心情
    大哭
    2016-8-29 16:06
  • 签到天数: 367 天

    连续签到: 1 天

    [LV.9]已臻大成

    6

    主题

    132

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    86369

    发表于 2015-3-31 10:58:32 | 显示全部楼层
    加载速度减慢了     
    看一看    吼一吼  闪了了您勒
  • TA的每日心情
    加油
    2016-10-27 09:57
  • 签到天数: 146 天

    连续签到: 1 天

    [LV.7]炉火纯青

    37

    主题

    310

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19677

    最佳新人热心会员淘宝金冠店美工

    QQ
    发表于 2015-3-31 11:03:37 | 显示全部楼层
    好像很牛逼的样子

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


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

  • TA的每日心情
    抱抱
    2016-9-28 20:20
  • 签到天数: 158 天

    连续签到: 1 天

    [LV.7]炉火纯青

    18

    主题

    662

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    36323

    最佳新人热心会员

    发表于 2015-3-31 12:55:43 | 显示全部楼层
    好多特效,好卡
    http://shop103653300.taobao.com
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

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

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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