-
分享源代码下载http://pan.baidu.com/s/1bnsIqYj查看全部
-
求源码,另外作者用的什么编辑器,这么美观大方,求啊,...查看全部
-
编程为主,视频为辅。查看全部
-
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(){}); // 任意查看全部
-
一般来说运动的状态都是需要可控的,这样才方便我们做进一步的操作。 【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查看全部
-
全球查看全部
-
抢沙发啦!我既然是第一个查看全部
-
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> }查看全部
-
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' 匀速);查看全部
-
rty查看全部
举报
0/150
提交
取消