为了账号安全,请及时绑定邮箱和手机立即绑定
  • 分享源代码下载http://pan.baidu.com/s/1bnsIqYj
    查看全部
    13 采集 收起 来源:效果介绍

    2015-08-15

  • 求源码,另外作者用的什么编辑器,这么美观大方,求啊,...
    查看全部
    4 采集 收起 来源:效果介绍

    2015-08-05

  • 编程为主,视频为辅。
    查看全部
    3 采集 收起 来源:编程节奏

    2015-08-13

  • var $elem = $('' + className + ''); elem为jQ中的元素, ‘+’充当连接符,classname作为参数需要添加 小男孩的top:从头顶到页面顶部的距离,就是middle标签位置减去小男孩所在div的高度
    查看全部
  • mukewang
    查看全部
  • transition与animation的区别: transition需要事件触发; animation可以直接自动触发,而且功能上更为强大,包括可以设置不同时间段的动画规则,还有状态的控制,事件等等。 另注: 动画效果 - $.fn.transition:你可以使用$.fn.transition()来进行 css3 动画效果。他和$.fn.animate()的效果一样,只是他使用了 css3 过渡。 $('...').transition(options, [duration], [easing], [complete]) 例子: $("#box").transition({ opacity: 0.1, scale: 0.3 }); $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500); // 动画时长 $("#box").transition({ opacity: 0.1, scale: 0.3 }, 'swing'); // 缓动效果 $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500, 'linear'); // 动画时长 + 缓动效果 $("#box").transition({ opacity: 0.1, scale: 0.3 }, function(){}); // 回调函数 $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500, 'linear', function(){}); // 任意
    查看全部
    2 采集 收起 来源:星星与水波

    2018-03-22

  • 一般来说运动的状态都是需要可控的,这样才方便我们做进一步的操作。 【animation的暂停方式】 CSS3的animation直接提供一个animation-play-state的样式来控制动画的暂停处理。增加一个控制暂停样式,写动画样式的时候特别注意下不同浏览器的兼容性,加上对应的前缀 .pauseWalk { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; } 只需要在对应的有animation动画人物元素节点上,通过动态增加删除这个样式就可以控制这个精灵的开始与暂停了,非常简单 transition的暂停方式 至于transition,一般来说要暂停的地方都是一开始就程序设定好的目标点,因此这个其实是不需要控制的,这个也没办法控制,这个是一个动画过渡的效果,浏览器只提供了一个动画结束的回调。当然可以有一个变通的办法,做一个强制改变目标过渡值的处理 如何操作: 具体可以看右边的代码块,暂停方法内transition强制做了一个设置left坐标的处理,达到一个暂停的效果,但是这样是有问题的,下一次的启动必须等上一次动画的时间结束 不难看出animation要比transition强大多了
    查看全部
  • 用的idea
    查看全部
    2 采集 收起 来源:课程简介

    2015-08-05

  • 全球
    查看全部
    2 采集 收起 来源:课程简介

    2015-08-05

  • 抢沙发啦!我既然是第一个
    查看全部
    1 采集 收起 来源:HTML5 audio

    2016-04-19

  • steps 有两个参数 第一个肯定是分几步执行完 第二个有两个值 start 第一帧是第一步动画结束 end 第一帧是第一步动画开始 如: @-moz-keyframes person-slow { 0% { background-position: -0px -291px; } 25% { background-position: -602px -0px; } 50% { background-position: -302px -291px; } 75% { background-position: -151px -291px; } 100% { background-position: -0px -291px; } } steps(2,end)--2表示从0%变化到25%,25%变化到50%,50%变化到75%,75%变化到100%,100%变化到0%,都需要两帧,即先从0%点变化到0%和25%两点的坐标中点,再变化到25%点;end表示从100%点开始动画.
    查看全部
  • 稍微注意下的就是商店的灯的亮度切换采用的是切换背景图片,背景图如果是没有预加载的话就有一个闪屏的问题,所以特意做了一个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

  • boyWalk返回这一些函数,就可以在index中直接用.去调用 很方便 return { // 开始走路 walkTo: function(time, proportionX, proportionY) { var distX = calculateDist('x', proportionX) var distY = calculateDist('y', proportionY) return walkRun(time, distX, distY); }, // 停止走路 stopWalk: function() { pauseWalk(); }, setColoer:function(value){ $boy.css('background-color',value) } }
    查看全部
  • $boy.transition({ 'left': $("#content").width() + 'px', 更改的属性值 }, 10000 时间,'linear' 匀速);
    查看全部
    1 采集 收起 来源:走路的实现

    2018-03-22

  • rty
    查看全部
    1 采集 收起 来源:课程简介

    2015-10-28

首页上一页1234567下一页尾页

举报

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

微信扫码,参与3人拼团

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

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