为了账号安全,请及时绑定邮箱和手机立即绑定
  • 通过background-size 一般可以设置 100% 100%的方式平铺元素,这样设置后图片就能自适应大小缩放了
    查看全部
    0 采集 收起 来源:云动画效果

    2016-01-07

  • animate动画回调多层嵌套的处理方法,用优雅的promise改造后
    查看全部
  • top: $elem.position().top一个元素距离顶部的距离 用法: // 获取数据 var getValue = function(className) { var $elem = $('' + className + ''); // 走路的路线坐标 return { height: $elem.height(), top: $elem.position().top }; };
    查看全部
  • animation-direction: alternate; 如果 animation-direction 值是 "alternate",则动画会在奇数次数(1、3、5 等等)正常播放,而在偶数次数(2、4、6 等等)向后播放。
    查看全部
    0 采集 收起 来源:星星与水波

    2018-03-22

  • var complete = function() { if (count == 1) { defer.resolve();//这里是执行而不是成功 return; } count--; //当count为1的时候执行,不为1的时候自减 }; doorLeft.transition({ 'left': left }, time, complete);//这里加异步,执行成功后调用complete方法
    查看全部
  • -webkit-animation-name:XXX;<br> -webkit-animation-duration:XXXms;<br> -webkit-animation-iteration-count:infinite;<br> -webkit-animation-timing-function: step(1,start);<br> <br> @-webkit-keyframes XXX {<br> 0% {background-position: }<br> 25% {background-position: }<br> 50% {background-position: }<br> 75% {background-position: }<br> 100% {background-position: }<br> }<br> <br> -moz-animation-name:XXX;<br> -moz-animation-duration:XXXms;<br> -moz-animation-iteration-count:infinite;<br> -moz-animation-timing-function: step(1,start);<br> <br> @-moz-keyframes XXX {<br> 0% {background-position: }<br> 25% {background-position: }<br> 50% {background-position: }<br> 75% {background-position: }<br> 100% {background-position: }<br> }
    查看全部
  • js 中的 function Swipe(container){ …… return swipe; } 类似java中的一个类,而 swipe.scrollTo=function(x,speed){ return this; }; 则是该类中的内部方法
    查看全部
  • 代码看不清
    查看全部
    0 采集 收起 来源:课程简介

    2016-01-01

  • $("p").find("span").css('color','red'); 搜索所有段落中的后代 span 元素,并将其颜色设置为红色
    查看全部
  • -webkit-animation-timing-function: steps(1, start); /*动画切换方式:函数 steps(1 ,start)*/
    查看全部
  • 在监听动画完成上,采用用了一个count计数,count开始为2,当执行第一个回调后会减1,只有当二个回调执行的时候,这个defer.resolve才会执行 var complete = function() { if (count == 1) { defer.resolve(); return; } count-- }
    查看全部
  • 稍微注意下的就是商店的灯的亮度切换采用的是切换背景图片,背景图如果是没有预加载的话就有一个闪屏的问题,所以特意做了一个b_background_preload的节点让图片先加载,设置一个坐标不可见 .b_background_preload {<br> background: url("http://img1.sycdn.imooc.com//55ade0be0001a37914410901.png") no-repeat -9999px -9999px;<br> }
    查看全部
    2 采集 收起 来源:页面布局

    2018-03-22

  • 分别定义大云和小云的样式 动作和关键帧 .cloud {z-index: 2; position: absolute; } .cloud1 { width: 181px; height: 101px; left: -5%; top: 15%; background: url("http://img1.sycdn.imooc.com//55addfde0001aec501810101.png"); } .cloud2 { width: 301px; height: 140px; right: -5%; background: url("http://img1.sycdn.imooc.com//55addff500016df503010140.png"); } .cloud1Anim{ -webkit-animation-name: smallCloud; -webkit-animation-duration: 30s; -webkit-animation-iteration: infinite; } .cloud2Anim{ -webkit-animation-name: largeCloud; -webkit-animation-duration: 60s; -webkit-animation-iteration: infinite; } @-webkit-keyframes smallCloud { 0% {left: -5%;}100% { left: 100%;}} @-webkit-keyframes largeCloud {0% { right: -5%;}100% { right: 100%;} }
    查看全部
    0 采集 收起 来源:云动画效果

    2018-03-22

  • boy.walkTo(2000, 0.2) .then(function() { // 第一次走路完成 // 开始页面滚动 scrollTo(5000, 1); }).then(function() { alert("dsad")//当小男孩到达0.2的时候 触发页面滚动的函数,与此同时异步执行alert代码 return boy.walkTo(5000, 0.5); });
    查看全部
  • boy.walkTo()前面有无return的区别是什么? 本质区别,return返回一个新的异步对象,用来链接到后面的then方法, 这样才能形成一个异步等待的效果如果没有return,那么会认为是同步代码
    查看全部

举报

0/150
提交
取消
课程须知
本课程为高级案例课程,其中所用的大部分知识点不做深入剖析,只讲解如何使用,部分代码需要由你自己填充。 需要具备如下知识: 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向对象思想
老师告诉你能学到什么?
1、如何实现页面的无缝滚动 2、如何实现视觉差效果 3、异步编程处理 4、CSS3动画过渡 5、JS动画实现 6、H5的音乐效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!