使用fullpage插件构建一个购物网站

 -引入css,js文件  -复制html结构  -书写js文件【注意：入口文件】 -fullpage默认从上到下，从左到右分屏

-slogn和sofa的上下移动

css3的动画集 translateY（值）正数是向

 -搜索框的移动 -产品的显示 -文字的显示 -沙发的掉落

  $(window).height() 整个屏幕的高度

 -沙发移动 -尺寸点亮 -购物车标志点亮

沙发从第二屏调到第三屏 -$(widow).height()   jQuery中的延时delay（时间）

 -购物车移动 -云朵移动 -沙发落入购物车

easing插件是扩展animate方法的第三个参数的插件 云朵的移动是该变左右位置 沙发调入购物车是改变层级

 -沙发移动 -银行卡移动 -鼠标变色

沙发移动可以在本屏掉落（从margin-top负数出去） 注意： 超出的鼠标线，使用overflow hidden隐藏 并且不能隐藏掉倾斜的沙发，因为沙发是要调到笑一个页面的

-第五屏的沙发掉落 -盒子接住（向右移动） -盒子和沙发一起向下移动（移动到车的后面） -文字飞出 -地址飞出 -背景移动（改变backgroundPositionX） -送货员出现（改变高度），向左移动 -女孩出现 -请收货出现

背景位置设置为百分比 首先找到容器的百分比位置 再找到背景图片的百分比 然后让两者重合就是该位置 背景移动（改变backgroundPositionX）

-星星填满 -好评出现

改变宽度星星 改变marginleft好评

-鼠标移入，购买就变为GIF格式的图片 -点击再来一次调用方法 -手随鼠标走（top不能低于页面高-手高）

$.fn.fullpage.move(1) 滚回到第一屏 注意要清空所有行内样式（因为动画都是设置在行内） 还要单独清空第六屏的背景 not()方法是排除什么 收的left和top值要分别-85和+25 是让图片向左和向下移动

1.添加开始购物按钮和继续向下按钮（两个都是固定定位，也可以使用绝对定位，因为滑动的是每一屏，不是body，如果是body就会随着滚动条而消失） 2.点击继续向下按钮滚动到下一屏，调用fullpage的方法moveSectionDown() 向下滚动 要添加一个自定义属性data（‘flag’，false） 来记录是否要继续动画 在点击再来一次是要继续改为false 动画执行完再淡入