-
1、transform属性是静态属性，不是动画属性，一旦写到style里面，将会直接显示作用，无任何变化过程； 2、通过设置transition的一些参数，让translate3d这个属性发生变化；查看全部
-
编程为主，视频为辅。查看全部
-
小男孩其实只会在当前页面移动，所以是相对父级#content的范围 小男孩的布局处理，因为小孩男是合成的"雪碧图"，通过坐标取图，因此不能用CSS处理自适应布局了，需要动态调整、 采用动画的元素需要设置绝对定位 小男孩的top坐标值 = 中间路段的中间坐标值 - 小男孩的高度查看全部
-
给祖先节点上套一个限制显示区域的节点查看全部
-
jq回调函数接口 Deferred var dtd = $.Deferred(); //创建 dtd.resolve(); //成功 dtd.then() //执行回调 详细Deferred资料地址http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html查看全部
-
$.Deferred();查看全部
-
自适应分辨率的问题可以采用的是JS+百分比布局处理 通过合成"雪碧图"解决图片加载与资源占用的问题 通过CSS3的animation实现帧动画，并且可以控制状态 布局除了left.top布局外，还可以使用最新的css3的transform处理 元素的变化，可以通过设置translate3d启动GPU加速 可以用CSS3的transition做渐变动画 HTML5音频的使用 采用promise可以解决异步编程的逻辑嵌套问题 代码组织的一些思路查看全部
-
// 获取数据 var getValue = function(className) { var $elem = $('' + className + ''); // 走路的路线坐标 return { 'height': $elem.height(), 'top': $elem.position().top }; }; 函数返回json数据格式查看全部
-
通过设置transition的一些参数，让translate3d这个属性发生变化查看全部
-
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(){}); // 任意查看全部
-
取花的过程就是换人物背景图片的过程，环节介于进商店和出商店之间。查看全部
-
//取花 function talkFlower() { //增加延时等待效果 var defer = $.Deferred(); setTimeout(function() { //取花 $boy.addClass('slowFlolerWalk') defer.resolve() }, 1000) return defer }查看全部
-
transition与animation的区别： transition需要事件触发； animation可以直接自动触发，而且功能上更为强大，包括可以设置不同时间段的动画规则，还有状态的控制，事件等等。查看全部
-
开门灯亮：灯亮的背景图片大小等同于灯灭的背景图片，所以加载需要时间，如果用到这个图片的时候再加载，某种情况下会出现页面闪动一下的情况来加载页面，这里就进行了预加载操作，增加了一个不存在实际意义的div中“<div class=‘b_background_preload’></div>”,以便灯开关的动作中，图片切换流畅 /////////// // 灯动画 // /////////// var lamp = { elem: $('.b_background'), bright: function() { this.elem.addClass('lamp-bright') }, dark: function() { this.elem.removeClass('lamp-bright') } };查看全部
-
JavaScript中没有抽象类与接口的支持，所以很大程度上实现封装都是靠闭包去模拟查看全部
举报
0/150
提交
取消