本仓库主要包含了todolist待办事项、电梯导航、购物车结算页、慕课课程《从psd到html》、旋转木马轮播图

CSS3：曲线阴影&翘边阴影、3D导航栏、CSS3无缝轮播、坐标闪烁动画、两面翻转盒子、旋转木马轮播

JS：动态增删改tab栏、JS轮播图、表单全选取消全选、条件查询商品、单元格删除、点击换肤效果、短信倒计时、放大镜效果、键盘移动盒子、筋斗云、留言删除留言、密码提示信息、模拟京东快递单号查询、鼠标拖拽盒子、鼠标在盒子里坐标、拖动模态框（登录框）、密码显示隐藏

移动端布局：bootstrap布局（阿里百秀）、flex布局（携程）、rem布局（苏宁易购）、流体布局（京东）、移动端轮播图

编写的代码均有详细的注释。具体介绍如下所示

主要使用jQuery进行编写。主要功能有全选按钮，删除选中商品，清除购物车，移除商品，商品数量增减，商品总数量动态改变，单个商品价格随着数量的增大而增加，商品总价是选中商品价格总和。

图片展示如下

使用原生JS实现，可左右点击轮播也可自动轮播，图片展示如下。

主要使用了jQuery进行编写，将数据存储在了localStorage中，打开新的标签页数据也不会被删除。

图片展示如下

此课程主要是为了学习PS切图流程与技巧，图片展示如下

主要用jQuery进行实现，不同的导航对应不同的部分，里面封装了一个缓动动画函数，点击电梯导航里的菜单会变速移动到网页对应的区域。当滚动条在顶部区域时，电梯导航自动隐藏。

主要包括了曲线阴影&翘边阴影、3D导航栏、CSS3无缝轮播、坐标闪烁动画、两面翻转盒子、旋转木马轮播等。

图片展示如下

主要包括了动态增删改tab栏、JS轮播图、表单全选取消全选、条件查询商品、单元格删除、点击换肤效果、短信倒计时、放大镜效果、键盘移动盒子、筋斗云、留言删除留言、密码提示信息、模拟京东快递单号查询、鼠标拖拽盒子、鼠标在盒子里坐标、拖动模态框（登录框）、密码显示隐藏等。

图片展示如下

主要包括bootstrap布局（阿里百秀）、flex布局（携程）、rem布局（苏宁易购）、流体布局（京东）、移动端轮播图等。

图片展示如下

向下滑动会进入下一屏。

这是一个封装的缓动动画函数，可改变元素的一些属性以及透明度。