淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1471|回复: 9
收起左侧

多层云层移动全屏幕代码【无需CSS权限】

[复制链接]
  • TA的每日心情
    加油
    2016-10-14 10:06
  • 签到天数: 32 天

    连续签到: 1 天

    [LV.5]略有小成

    12

    主题

    78

    帖子

    5926

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5926

    最佳新人

    QQ
    发表于 2016-7-30 14:03:19 | 显示全部楼层 |阅读模式
    贴图看效果

    TB2G0h5rVXXXXcAXXXXXXXXXXXX-1047294665.gif



    1. <div class="J_TWidget"   data-widget-config="{'effect':'fade', 'circular':true ,'contentCls':'ecjiyao'}" data-widget-type="Tabs" style="height:900px;overflow:hidden;">
    2.     <div class="ecjiyao" style="height:900px;">
    3.         <div class="sn-simple-logo" style="width:1950px;height:900px;top:auto;padding:0px;left:50%;border:none;">
    4.             <div class="sn-simple-logo" style="width:1950px;height:900px;padding:0px;border:none;left:-50%;">
    5.                 <div class="J_TWidget" data-widget-config="{'effect':'fade','easing':'easeBothStrong','interval':4,'duration':1,'contentCls':'xifeng','prevBtnCls':'prev','nextBtnCls':'next','viewSize':[1950],'circular':true,'autoplay':true}" data-widget-type="Carousel">
    6.                     <div class="J_TWidget" data-widget-config="{'trigger':'.niubi1950','align':{'node':'.niubi1950','offset':[-550,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">

    7.                     </div>
    8.                     <ul class="ks-switchable-nav" style="display:none;width:0px;height:0px;overflow:hidden;">

    9.                     </ul>
    10.                     <div class="niubi1950" style="height:900px;width:1950px;overflow:hidden;padding:0px;margin:0px;">
    11.                         <ul class="xifeng" style="height:900px;width:1950px;padding:0px;margin:0px;">
    12.                             <li style="width:1950px;height:900px;padding:0px;margin:0px;">
    13.                                 <div style="height:900px;" >
    14.                                     <div class="sn-simple-logo" style="left:50%;top:auto;border:none;padding:0;">
    15.                                         <div class="sn-simple-logo" style="left:-975px;top:auto;border:none;padding:0;">
    16.                                             <div class="sn-simple-logo" style="left:0px;border:none;padding:0;background-color:transparent;">
    17. <img src="https://img.alicdn.com/imgextra/i2/794977969/TB2hxn0eXXXXXapXXXXXXXXXXXX_!!794977969.jpg" width="1950" height="900" />
    18.                                             </div>
    19.                                         </div>
    20.                                     </div>
    21.                                 </div>
    22.                                 <div class="J_TWidget" data-widget-config="{" data-widget-type="Tabs" style="width:1950px;height:1px;">
    23.                                     <div class="QQ2802813994">
    24.                                         <div class="QQ2802813994" style="width:1950px;display:block;opacity:1;z-index:9;">
    25.                                             <div class="most-footer sn-simple-logo" style="border:none 0;background-color:transparent;border:none;width:1950px;height:900px;padding:0px;border:none;display:block;top:0px;z-index:80;overflow:hidden;">
    26.                                                  <marquee behavior="alternate" scrollamount="2.6" style="height:100%;width:100%;">
    27.                                                 <div style="background:url(http://gdp.alicdn.com/imgextra/i3/794977969/TB2CkO6cVXXXXX.XXXXXXXXXXXX_!!794977969.png) scroll center top;width:8888888px;height:88888888px;">
    28.                                                      
    29.                                                 </div>
    30.                                                  </marquee>
    31.                                             </div>
    32.                                         </div>
    33.                                     </div>
    34.                                 </div>
    35.                                 <div class="J_TWidget" data-widget-config="{" data-widget-type="Tabs" style="width:1950px;height:1px;">
    36.                                     <div class="QQ2802813994">
    37.                                         <div class="QQ2802813994" style="width:1950px;display:block;opacity:1;z-index:9;">
    38.                                             <div class="most-footer sn-simple-logo" style="border:none 0;background-color:transparent;border:none;width:1950px;height:900px;padding:0px;border:none;display:block;top:0px;z-index:99;overflow:hidden;">
    39.                                                  <a href="优惠券链接1" target="_blank" style="width:730px;height:900px;float:left;display:block;"></a><a target="_blank" href="优惠券链接2" style="width:490px;height:900px;float:left;display:block;"></a><a target="_blank" href="优惠券链接3" style="width:730px;height:900px;float:left;display:block;"></a>
    40.                                             </div>
    41.                                         </div>
    42.                                     </div>
    43.                                 </div>
    44.                             </li>
    45.                            

    46.                         </ul>
    47.                     </div>
    48.                 </div>
    49.             </div>
    50.         </div>
    51.     </div>
    52. </div>
    复制代码
    希望对大家有帮助,无需CSS权限如果是淘宝店铺的话只需要把【sn-simple-logo】替换成【footer-more-trigger】其他不变替换替换成自己的就可以了第一次发帖多多包涵


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


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

  • TA的每日心情
    不爽
    昨天 09:36
  • 签到天数: 242 天

    连续签到: 9 天

    [LV.8]自成一派

    19

    主题

    566

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    57056

    发表于 2016-7-30 14:23:05 | 显示全部楼层
    标签页究竟有多少玩法O.O

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


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

  • TA的每日心情
    加油
    2016-10-14 10:06
  • 签到天数: 32 天

    连续签到: 1 天

    [LV.5]略有小成

    12

    主题

    78

    帖子

    5926

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5926

    最佳新人

    QQ
     楼主| 发表于 2016-7-30 14:24:38 | 显示全部楼层
    紫薯补丁 发表于 2016-7-30 14:23
    标签页究竟有多少玩法O.O

    不明白

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


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

  • TA的每日心情
    不爽
    昨天 09:36
  • 签到天数: 242 天

    连续签到: 9 天

    [LV.8]自成一派

    19

    主题

    566

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    57056

    发表于 2016-7-30 14:28:28 | 显示全部楼层

    data-widget-type="Tabs"  

    可不可以说下你这个的原理呀~

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


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

  • TA的每日心情
    加油
    2016-10-14 10:06
  • 签到天数: 32 天

    连续签到: 1 天

    [LV.5]略有小成

    12

    主题

    78

    帖子

    5926

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5926

    最佳新人

    QQ
     楼主| 发表于 2016-7-30 14:37:47 | 显示全部楼层
    本帖最后由 xifeng 于 2016-7-30 14:40 编辑
    紫薯补丁 发表于 2016-7-30 14:28
    data-widget-type="Tabs"  

    可不可以说下你这个的原理呀~

    说错了不是全屏,具体调用方法你可以参考下淘宝开放平台的帮助文档 说的更全


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


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

  • TA的每日心情
    吐舌头
    2016-11-15 10:44
  • 签到天数: 44 天

    连续签到: 1 天

    [LV.5]略有小成

    2

    主题

    407

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    16669

    发表于 2016-7-30 14:53:52 | 显示全部楼层
    哈哈
                            

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


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

  • TA的每日心情
    大哭
    昨天 17:15
  • 签到天数: 653 天

    连续签到: 1 天

    [LV.9]已臻大成

    37

    主题

    2232

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    【单身狗认证】

    Rank: 8Rank: 8

    积分
    138579

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

    QQ
    发表于 2016-7-30 16:36:07 | 显示全部楼层
    可以弄成传说中的弹幕

    该用户从未签到

    0

    主题

    27

    帖子

    2895

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2895

    发表于 2016-8-12 16:24:14 | 显示全部楼层
    为什么这段代码我用了直接崩溃,还好没放主页测试

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


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

    该用户从未签到

    0

    主题

    27

    帖子

    2895

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2895

    发表于 2016-8-12 16:24:50 | 显示全部楼层
    自定义页面测一次崩溃一次,怎么回事

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


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

    该用户从未签到

    0

    主题

    27

    帖子

    2895

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2895

    发表于 2016-8-12 17:03:27 | 显示全部楼层
    已解决,谷歌浏览器不能用

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-10 03:29 , Processed in 0.129761 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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