-
-
-
-
-
-
-
-
-
第一幅画面中:天上太阳的移动、云的来回飘移、小男孩沿着中间道路一直在走,页面也在滚动。
第二幅动画中:小男孩移动进了商店前的位置,商店的门开始打开,商店的灯光开始变暗。小男孩抱着一束花出来,商店关门。
第三幅页面中:星星变暗变亮的效果,桥下的水波在流动,小男孩上桥的动作。小男孩走到女孩子的面前,这是等待一下,他们一起转身后牵手,同时慕课网的logo会出现,天上的樱花正在飘下来。
-
-
-
-
-
-
element.css({ 'transition-timing-function' : 'linear', 'transition-duration' : speed + 'ms', 'transform' : 'translate3d(-' + x + 'px,0px,0px)' }); return this; };这个是什么意思呀
-
封装function Swipe(container)是构造函数,里面生成了一个对象swipe,scrollTo()方法就是swipe对象的方法,如果不返回它的话,var swipe = Swipe($("#content"));这句代码的运行结果就不是得到你在构造函数里面生成的对象,而是undefined。
-
-
男孩走动+页面背景图片滚动 => 男孩走动
页面整体布局: 横向的+3个主题页面+页面之前是无缝拼接的+页面要滚动
布局上很好处理,我们做3个块级元素,每一个块元素代表一个主题页面的容器节点。然后设置一个父容器是3个块元素的宽,通过float处理,这样就形成了一个横向的3个无缝拼接的页面
这样虽然是形成了横向布局与无缝拼接,不过可视区范围永远只能显示出一个主题页面的尺寸,所以我们需要再给祖先节点上套一个限制显示区域的节点
-
transform
translate3d(x,y,z) 定义 3D 转化。 scale3d(x,y,z) 定义 3D 缩放转换。 rotate3d(x,y,z,angle) 定义 3D 旋转。
举报
0/150
提交
取消