淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1907|回复: 7
收起左侧

【Jm】随便写的一个视觉差;

[复制链接]
  • TA的每日心情
    抱抱
    2015-10-12 15:08
  • 签到天数: 61 天

    连续签到: 1 天

    [LV.6]渐入佳境

    35

    主题

    399

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29010

    最佳新人热心会员

    发表于 2016-3-7 21:04:00 | 显示全部楼层 |阅读模式
    1. <div style="width:950px;height:455px;position:relative;">
    2.    
    3.         <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{

    4.             'effect':'scrollx',

    5.                 'contentCls':'content_Constance',

    6.                 'navCls':'nav_Constance',

    7.                 'autoplay':true,

    8.                 'steps':0.005,

    9.                 'delay':0,

    10.                 'duration':0.1,

    11.                 'easing':'easeOutStrong'

    12.                 }">
    13.         
    14.             <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{

    15.                   'effect':'scrolly',

    16.                     'contentCls':'content_matoo',

    17.                     'navCls':'nav_matoo',

    18.                     'autoplay':false,

    19.                     'steps':0.005,

    20.                     'delay':0,

    21.                     'duration':0.1,

    22.                     'easing':'easeOutStrong'

    23.                    }">
    24.                       <div class="Size" style="width: 950px; height: 445px; overflow: hidden; position: relative; background:url(http://img.alicdn.com/imgextra/i1/TB1m3XcLVXXXXcAXVXXSutbFXXX.jpg) no-repeat center center;">
    25.                       <div  class="content_Constance content_matoo">
    26.                             <div  style="width: 950px; height: 455px; background: transparent url(http://img.alicdn.com/imgextra/i4/TB1yuaxLVXXXXcLXFXXwu0bFXXX.png) no-repeat scroll center center; display: block; float: left;"></div>

    27.                            </div>
    28.                         </div>
    29.                         
    30.                         <div class="this-X nav_Constance footer-more-trigger" style="position:absolute;top:0;left:0px;opacity:0.8;z-index:9;padding:0;border:none;background:none;width:100%;">
    31.                                                       
    32.                               <div  style="width:2px;height:455px;float:left;margin-left:195px;"></div>
    33.                                                         
    34.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    35.                                                         
    36.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    37.                                                         
    38.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    39.                                                         
    40.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    41.                                                         
    42.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    43.                                                         
    44.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    45.                                                         
    46.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    47.                                                         
    48.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    49.                                                         
    50.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    51.                                                         
    52.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    53.                                                         
    54.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    55.                                                         
    56.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    57.                                                         
    58.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    59.                                                         
    60.                               <div  style="width:2px;height:455px;float:left;margin-left:15px;"></div>
    61.                                                    
    62.                         </div>
    63.             <div class="this-Y nav_matoo footer-more-trigger" style="position:absolute;top:0;left:0;opacity:0.8;z-index:10;display:block;height:0px;padding:0;border:none;background:none;width:100%;">
    64.                         
    65.                                                       
    66.                               <div  style="width:100%;height:2px;float:left;margin-top:65px;"></div>
    67.                                                         
    68.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    69.                                                         
    70.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    71.                                                         
    72.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    73.                                                         
    74.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    75.                                                         
    76.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    77.                                                         
    78.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    79.                                                         
    80.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    81.                                                         
    82.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    83.                                                         
    84.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    85.                                                         
    86.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    87.                                                         
    88.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    89.                                                         
    90.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    91.                                                         
    92.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    93.                                                         
    94.                               <div  style="width:100%;height:2px;float:left;margin-top:15px;"></div>
    95.                                                    
    96.                         </div>
    97.                 </div>
    98.         </div>
    99.     </div>
    复制代码
    // 某猫看到的 ;   仿写了一个 ;不知道其他人有写过没有 ;
    // -  好久没上论坛 ;  
    // -  gif 图不会截; 自己测试就是了 。
    视觉差.png



    装修群:230663261

    kehuda.com

    客户达装修助手免费啦!
  • TA的每日心情
    心跳
    2016-3-29 00:05
  • 签到天数: 94 天

    连续签到: 12 天

    [LV.6]渐入佳境

    9

    主题

    200

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13945

    发表于 2016-3-7 21:21:49 | 显示全部楼层
    拿走了。谢谢!~~

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


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

  • TA的每日心情
    心跳
    2016-8-21 09:50
  • 签到天数: 5 天

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    78

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21561

    QQ
    发表于 2016-3-7 21:22:26 | 显示全部楼层
    路过顶一个!
    我的小店https://shop130580970.taobao.com 【淘宝装修群: 5807586】
  • TA的每日心情
    加油
    2016-10-27 15:47
  • 签到天数: 20 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    18

    主题

    710

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56733

    发表于 2016-3-7 22:47:17 | 显示全部楼层
    本帖最后由 莱美 于 2016-3-7 22:51 编辑

    前排,好久没见你了。预览了一下,这个效果以前有。不过是全屏的。

    胆小勿点!★大神群308158281
  • TA的每日心情
    臭美
    2016-9-4 18:30
  • 签到天数: 134 天

    连续签到: 1 天

    [LV.7]炉火纯青

    1

    主题

    189

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29784

    最佳新人热心会员

    发表于 2016-3-8 08:09:27 | 显示全部楼层
    路过顶一个!

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


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

  • TA的每日心情
    抱抱
    2016-11-16 17:20
  • 签到天数: 281 天

    连续签到: 1 天

    [LV.8]自成一派

    32

    主题

    2817

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45070

    最佳新人热心会员

    QQ
    发表于 2016-3-8 08:38:10 | 显示全部楼层
    雷锋中的战斗机!鉴定完毕!
    最好的我遇见最美的你,可是我们却隔了一整个青春!http://shop111472591.taobao.com
  • TA的每日心情
    抱抱
    2016-10-11 10:55
  • 签到天数: 435 天

    连续签到: 1 天

    [LV.9]已臻大成

    11

    主题

    1299

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    90856

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

    发表于 2016-3-8 10:09:41 | 显示全部楼层
    很厉害的样子

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


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

  • TA的每日心情
    抱抱
    2015-10-12 15:08
  • 签到天数: 61 天

    连续签到: 1 天

    [LV.6]渐入佳境

    35

    主题

    399

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29010

    最佳新人热心会员

     楼主| 发表于 2016-3-11 17:44:07 | 显示全部楼层
    莱美 发表于 2016-3-7 22:47
    前排,好久没见你了。预览了一下,这个效果以前有。不过是全屏的。

    去火星旅了个游;


    装修群:230663261

    kehuda.com

    客户达装修助手免费啦!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-6 13:54 , Processed in 0.142764 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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