为了账号安全,请及时绑定邮箱和手机立即绑定
  • 我们把小男孩子所有的动作分解一下 走路到页面的2/3的时候,主题页面开始滑动 走路到1/2的时候,到了商店门口 进出商店 走路到1/4到了桥边 走路到1/2到了桥上 注意:小男孩走路范围其实只有一个页面区域,因为父容器是content元素
    查看全部
  • 封装的目的是增强安全性和简化编程,使用者不必了解具体的实现细节,而只是要通过外部接口,以特定的访问权限来使用类的成员 这个主题案例,我采用的是面向接口编程的写法,简单的说就是将行为封装分布在各个对象中,并让这些对象自己各自负责自己的行为,这也是面向对象设计的一个优点
    查看全部
  • .pauseWalk { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; } 动画的暂停方式
    查看全部
  • overflow : hidden;隐藏溢出部分
    查看全部
  • 前段学习
    查看全部
    0 采集 收起 来源:效果介绍

    2016-07-29

  • 并列结构 <div id='content'> <ul class='content-wrap'> <li> 页面1 </li> <li> 页面2 </li> <li> 页面3 </li> </ul> //与页面根节点并列 <div id="boy" class="charector"></div> </div>
    查看全部
  • 转换、动画、音频、渐变
    查看全部
    0 采集 收起 来源:效果介绍

    2016-07-29

  • 注意下position与offset的取值不同点,.offset()是相对于文档(document)的当前位置,.position()是相对于父级元素的位移,一个元素可以嵌套多个position所以这里要特别注意下。scale是一个缩放效果
    查看全部
  • .sun { background: url(assets/images/sun.png); position: absolute; top: 10%; //设置位置 height: 201px; width: 201px; //设置大小,必须 z-index: 1; //设置置顶,optional }
    查看全部
    1 采集 收起 来源:太阳动画效果

    2016-07-26

  • 通过background-size 一般可以设置 100% 100%的方式平铺元素,这样设置后图片就能自适应大小缩放了
    查看全部
    0 采集 收起 来源:云动画效果

    2016-07-24

  • animation-iteration-count动画播放次数
    查看全部
    0 采集 收起 来源:云动画效果

    2016-07-24

  • Promise 是一种令代码异步行为更加优雅的抽象,有了它,我们就可以像写同步代码一样去写异步代码。通过$.Deferred处理(延迟对象),每一个代码执行部分都被封装了起来,只留了Deferred的接口处理了,等于是我们把执行的流程控制交给了Deferred,这样的好处就是我们在写嵌套函数的时候,可以用deferred提供的管道风格编写同步代码了 步骤 var dtd = $.Deferred(); //创建 dtd.resolve(); //成功 dtd.then() //执行回调
    查看全部
  • http://www.jb51.net/article/36595.htm
    查看全部
  • 0%是初始状态,直接跳往下一帧
    查看全部
    0 采集 收起 来源:太阳动画效果

    2016-07-11

  • animation-iteration-count 动画播放次数,默认值为1,infinite为无限制,假如设置为无限制,那么动画就会不停地播放
    查看全部
    0 采集 收起 来源:云动画效果

    2016-07-07

举报

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

微信扫码,参与3人拼团

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

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