-
为人物添加暂停样式查看全部
-
走路的实现：用了CSS3的transition来修改left的值，同样原理3-2节也介绍了，我们这里引入了一个插件jquery.transit，这个就是具体封装了transition的CSS3过渡动画的实现查看全部
-
点击后并没有动画效果查看全部
-
页面之间的卷滚切换效果:通过translate结合transition改变元素的页面位置(transform 属性向元素应用 2D 或 3D 转换，该属性允许我们对元素进行旋转、缩放、移动或倾斜)查看全部
-
jq回调函数接口Deferred var dtd = $.Deferred(); //创建 dtd.resolve(); //成功 dtd.then(); //执行回调 资料地址http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html查看全部
-
通过合成"雪碧图"解决图片加载与资源占用的问题 通过CSS3的animation实现帧动画，并且可以控制状态 布局除了left.top布局外，还可以使用最新的css3的transform处理 元素的变化，可以通过设置translate3d启动GPU加速 可以用CSS3的transition做渐变动画 HTML5音频的使用 采用promise可以解决异步编程的逻辑嵌套问题 代码组织的一些思路 Done查看全部
-
飘花比人物的层级都高查看全部
-
transition需要事件触发，animation可以直接自动触发，而且功能上更为强大，包括可以设置不同时间段的动画规则，还有状态的控制，事件等等。查看全部
-
这里的取值采用jQuery的offset处理的，注意下position与offset的取值不同点，.offset()是相对于文档（document）的当前位置,.position()是相对于父级元素的位移，一个元素可以嵌套多个position所以这里要特别注意下。查看全部
-
分享源代码下载http://pan.baidu.com/s/1bnsIqYj查看全部
-
页面切换部分的代码封装查看全部
-
steps 函数指定了一个阶跃函数 第一个参数指定了时间函数中的间隔数量（必须是正整数） 第二个参数可选，接受 start 和 end 两个值，指定在每个间隔的起点或是终点发生阶跃变化，默认为 end。 step-start等同于steps(1,start)，动画分成1步，动画执行时为开始左侧端点的部分为开始； step-end等同于steps(1,end)：动画分成一步，动画执行时以结尾端点为开始，默认值为end。 例如： @-webkit-keyframes circle { 0% {background: red} 50%{background: yellow} 100% {background: blue} } step-start ： 黄色与蓝色相互切换 step-end ： 红色与黄色相互切换 2个参数都会选择性的跳过前后部分，start跳过0%，end跳过100% step-start在变化过程中，都是以下一帧的显示效果来填充间隔动画，所以0% 到 50% 直接就显示了黄色yellow step-end与上面相反，都是以上一帧的显示效果来填充间隔动画，所以0% 到 50% 直接就显示了红色red查看全部
-
精灵动画的实现： CSS Sprite在国内很多人叫CSS精灵，这个技术的原理：靠不断的切换图片让人感觉视觉上不断变化，例如gif动画之类的效果； 传统实现精灵动画就是依靠定时器不断去改变一个元素的background-image属性，简单来说就是靠不断的替换图片，但此方法需要注意的是如果图片过多，加载比较慢，会占用大量网络资源；因此大多数的做法是把图片都合成一张大图再利用CSS的属性（如：background-image,background-repeat,background-position）组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置；查看全部
-
Javascript中没有抽象类与接口的支持，所以很大程度上实现封装都是靠闭包去模拟？？？查看全部
-
封装：即隐藏对象的属性和实现细节，仅对外公开接口。 封装的目的是曾倩安全性和简化编程，使用者不必了解具体的实现细节，而只是要通过外部接口，以特定的访问权限来使用类的成员；查看全部
举报
0/150
提交
取消