昵称登录后显示

一. 莫夫蛋糕网站（http://www.zhousaner.cn/mof/index.html）
项目简介：
1.Index页用一个全屏左右轮播，下面五个公司部门的logo。
2.页面布局采用的是宽度百分比布局，占据所有电脑全屏。
3.页面大都采用活的布局可以任意添加、删除、修改。
4.通过HTML+CSS加以修改样式，同时用jQuery、CSS3做出特效。
5.页面中用到swiper轮播插件。
6.页面中用到html5一些新特性。

二. Dmig 5 响应式（http://www.zhousaner.cn/dmig5/）
项目简介：
1.在头部下面设置了多个分层，拉动滚动条，下面背景图片替换上面图片，向上拉动滚动条， 上面图片覆下面图片。
2.在nav区域用animate做出了延迟效果和选项卡效果。
3.用Media查询做出800、650的响应式。
4.引用了github的一些animate小特效，使页面更加的生动。

三. phpcms 扑鱼达人
1.借鉴扑鱼达人网页游戏的布局。
2.Index页手写一个轮播，正序倒序轮播。
3.运用phpcms后台添加遍历出内容。
4.通过HTML+CSS加以修改样式，同时用jQuery做出特效。
5.在list页遍历出标题、图片、面包屑，用Bootstrap插入一个轮播。
6.在show页显示标题、缩略图、时间等。

四. Angular JS 购物车系统(http://www.zhousaner.cn/mall/)
项目简介：
1.商品页实现列表页查询、排序、查看购物车、上一页、下一页、购物车的总价合计，通过 Ajax请求，获取JSON数据。
2.在点击加入购物车获取点击点坐标，用jQuery做出一个加入 购物车，商品飞上购物车的动画效果。
3.购物车实现物品的添加、减少、删除、种类以及计算总价格。
4.用Media查询做出手机端的响应式，在手机端滚动条在顶部隐藏返回顶部按钮，触发滚动条事件slideIn。
5.引入了Bootstrap的一些比较漂亮的按钮。
6.在页面头部引入chinaz的CSS3的小动画，使页面活跃起来。

五. 米兰婚纱静态网站(http://www.nyd521.com/)
项目简介：
1.根据原网站添加自己的动态效果，网站做的是宽度百分百，占据电脑全屏。
2.整个页面总共三个轮播，头部一个show轮播，中间用一个左右可预览轮播，
下面用手风琴轮播，使页面看起来简而不乱。

六. Bootstrap官网(http://www.zhousaner.cn/bootstrap/)
项目简介：
1.HTML+CSS布局，
2.CSS添加样式，插入两个Video，
3.media查询实现768px、 992px、 1200px响应式，
4.页面在小屏会有一些nav的消失，最后在手机端变成一个点击按钮，实现页面对PC 平板，手机端的自适应。

七.empathink响应式
项目简介：
1.html+css布局
2.ajax获取不同页面
3.前端控制中英文翻译
4.media查询实现响应式
5.http://empathink.oss-cn-shanghai.aliyuncs.com/empathink/empathink.html
6.目前仍然在完善，