淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3435|回复: 19
收起左侧

分享一个然并卵的下雪花效果

[复制链接]
  • TA的每日心情
    吐舌头
    2015-4-6 19:54
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    29

    主题

    144

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    44366

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

    QQ
    发表于 2015-11-16 16:17:25 | 显示全部楼层 |阅读模式
    adasd1.gif
    效果如图


    代码如下
    1. <!--漂浮2-->
    2. <div class="sn-simple-logo most-footer footer-more-trigger" style="padding:0;border:0;width:1920px;height:auto;left:0px;top:0px;padding:0;background:none;z-index:15;">
    3. <div class="J_TWidget" data-widget-config="{'effect':'scrollx','easing':'none','contentCls':'content-kk','navCls':'nav-kk','pauseOnHover':false,'autoplay':true,'circular':false,'duration':8,'interval':8}" data-widget-type="Slide">
    4.     <ul class="content-kk" >
    5.       <li  style="width: 100px; height: 20px;  display: block; float:left;">
    6.          
    7.       </li>
    8.       <li  style="width: 1920px; height: 350px;  display: block; background-position: 0px -10px;">
    9.         <marquee direction="down" scrollamount="1" style="height:100%;width:100%;">
    10.             <a  target="_blank" >  <div style="background:url(https://img.alicdn.com/imgextra/i1/379092709/TB2DMgBhXXXXXa7XXXXXXXXXXXX_!!379092709.png) scroll center top;width:2350px;height:1350px; ">
    11.                  
    12.               </div></a>
    13.               </marquee>
    14.       </li>
    15.     </ul>
    16.     <ul class="nav-kk" style="display:none;">
    17.       <li class="-_-switchable-trigger-internal1863 ks-switchable-trigger-internal447">
    18.          1
    19.       </li>
    20.       <li class="-_-switchable-trigger-internal1863 ks-switchable-trigger-internal447 ks-active">
    21.          2
    22.       </li>
    23.     </ul>
    24.   </div>
    25.     </div>
    26.     <!--漂浮2-end-->
    27.     </div>
    28.    
    29.     <div class="sn-simple-logo most-footer footer-more-trigger" style="padding:0;border:0;width:1920px;height:350px;left:-465px;top:0px;padding:0;overflow:hidden;background:none;">

    30. <!--漂浮2-->
    31. <div class="sn-simple-logo most-footer footer-more-trigger" style="padding:0;border:0;width:1920px;height:auto;left:-100px;top:0px;padding:0;background:none;z-index:15;">
    32. <div class="J_TWidget" data-widget-config="{'effect':'scrollx','easing':'none','contentCls':'content-kk','navCls':'nav-kk','pauseOnHover':false,'autoplay':true,'circular':false,'duration':6,'interval':6}" data-widget-type="Slide">
    33.     <ul class="content-kk" >
    34.       <li  style="width: 200px; height: 20px;  display: block; float:left;">
    35.          
    36.       </li>
    37.       <li  style="width: 1920px; height: 350px;  display: block; background-position: 0px -10px;">
    38.         <marquee direction="down" scrollamount="2" style="height:100%;width:100%;">
    39.               <a  target="_blank" ><div style="background:url(https://img.alicdn.com/imgextra/i1/379092709/TB2DMgBhXXXXXa7XXXXXXXXXXXX_!!379092709.png) scroll center top;width:2350px;height:1350px; ">
    40.                  
    41.               </div></a>
    42.               </marquee>
    43.       </li>
    44.     </ul>
    45.     <ul class="nav-kk" style="display:none;">
    46.       <li class="-_-switchable-trigger-internal1863 ks-switchable-trigger-internal447">
    47.          1
    48.       </li>
    49.       <li class="-_-switchable-trigger-internal1863 ks-switchable-trigger-internal447 ks-active">
    50.          2
    51.       </li>
    52.     </ul>
    53.   </div>
    54.     </div>
    55.     <!--漂浮2-end-->
    56.     </div>
    57.    
    58.         <div class="sn-simple-logo most-footer footer-more-trigger" style="padding:0;border:0;width:1920px;height:350px;left:-100px;top:0px;padding:0;overflow:hidden;background:none;">

    59. <!--漂浮2-->
    60. <div class="sn-simple-logo most-footer footer-more-trigger" style="padding:0;border:0;width:1920px;height:auto;left:100px;top:0px;padding:0;background:none;z-index:15;">
    61. <div class="J_TWidget" data-widget-config="{'effect':'scrollx','easing':'none','contentCls':'content-kk','navCls':'nav-kk','pauseOnHover':false,'autoplay':true,'circular':false,'duration':10,'interval':10}" data-widget-type="Slide">
    62.     <ul class="content-kk" >
    63.       <li  style="width: 300px; height: 20px;  display: block; float:left;">
    64.          
    65.       </li>
    66.       <li  style="width: 1920px; height: 350px;  display: block; background-position: 0px -10px;">
    67.         <marquee direction="down" scrollamount="5" style="height:100%;width:100%;">
    68.   <a  target="_blank" >  <div style="background:url(https://img.alicdn.com/imgextra/i1/379092709/TB2DMgBhXXXXXa7XXXXXXXXXXXX_!!379092709.png) scroll center top;width:2350px;height:1350px; ">
    69.                  
    70.               </div></a>
    71.               </marquee>
    72.       </li>
    73.     </ul>
    74.     <ul class="nav-kk" style="display:none;">
    75.       <li class="-_-switchable-trigger-internal1863 ks-switchable-trigger-internal447">
    76.          1
    77.       </li>
    78.       <li class="-_-switchable-trigger-internal1863 ks-switchable-trigger-internal447 ks-active">
    79.          2
    80.       </li>
    81.     </ul>
    82.   </div>
    83.     </div>
    84.     <!--漂浮2-end-->
    85.     </div>
    复制代码


    网盘地址
    http://pan.baidu.com/s/1mgxqpPQ

    废话不说

    再了个大宝见

  • TA的每日心情
    抱抱
    2016-10-24 13:16
  • 签到天数: 795 天

    连续签到: 1 天

    [LV.10]功行圆满

    69

    主题

    1567

    帖子

    12万

    积分

    高级会员

    阅读权限: 50

    我是没压力、    我喂自己袋盐!

    Rank: 8Rank: 8

    积分
    121027

    最佳新人天猫美工热心会员宣传达人淘宝钻级店美工淘宝皇冠店美工推广达人淘宝金冠店美工活跃会员优秀版主

    QQ
    发表于 2015-11-16 16:35:44 | 显示全部楼层
    谢谢楼主的分享!这个绝对要顶!!!
  • TA的每日心情
    心跳
    昨天 09:29
  • 签到天数: 146 天

    连续签到: 1 天

    [LV.7]炉火纯青

    3

    主题

    131

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    18204

    最佳新人热心会员

    发表于 2015-11-16 16:36:31 | 显示全部楼层
    进来看看咯。

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


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

  • TA的每日心情
    无奈
    2016-1-27 13:48
  • 签到天数: 89 天

    连续签到: 1 天

    [LV.6]渐入佳境

    31

    主题

    599

    帖子

    6749

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6749

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

    发表于 2015-11-16 17:47:20 | 显示全部楼层
    2BKK 我是你的粉丝 我要给你生猴子!!!!!!!!!!!!!!!!!!!!

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


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

  • TA的每日心情
    抱抱
    昨天 08:38
  • 签到天数: 678 天

    连续签到: 5 天

    [LV.9]已臻大成

    26

    主题

    2631

    帖子

    18万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    185678

    最佳新人热心会员活跃会员灌水之王

    QQ
    发表于 2015-11-18 10:03:57 | 显示全部楼层
    码盲路过
    QQ交流群  107102001
  • TA的每日心情
    抱抱
    2016-1-11 15:37
  • 签到天数: 4 天

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    10

    帖子

    1361

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1361

    发表于 2015-11-18 12:04:55 | 显示全部楼层
    这个效果挺不错的样子哦

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


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

  • TA的每日心情
    抱抱
    2015-12-30 18:01
  • 签到天数: 28 天

    连续签到: 3 天

    [LV.4]初窥堂奥

    5

    主题

    39

    帖子

    4516

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4516

    发表于 2015-11-18 12:31:36 | 显示全部楼层
    谢谢分享,雪花不知可以下满整个店铺么?

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


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

  • TA的每日心情
    大哭
    4 天前
  • 签到天数: 124 天

    连续签到: 1 天

    [LV.7]炉火纯青

    10

    主题

    250

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19540

    最佳新人热心会员

    发表于 2015-11-18 12:44:59 | 显示全部楼层
    阿里没有效果
    你在人潮里不知所措 我却跟在你身后 伸手怕犯错 缩手怕错过
  • TA的每日心情
    臭美
    2016-11-23 10:30
  • 签到天数: 18 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    1

    主题

    13

    帖子

    2102

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2102

    发表于 2015-11-18 13:42:18 | 显示全部楼层
    好腻害的感觉,可以直接用在首页么?

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


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

  • TA的每日心情

    2016-9-17 16:48
  • 签到天数: 91 天

    连续签到: 1 天

    [LV.6]渐入佳境

    13

    主题

    292

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13688

    最佳新人热心会员

    发表于 2015-11-25 16:04:00 | 显示全部楼层
    然而这代码怎么用类?

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-9 04:09 , Processed in 0.129048 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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