#web技术进阶之路
基础:
Css+Html+Js基础
实战:
1.网页布局基础
- 自动居中-横向布局
https://github.com/curtis2/webDevelop/blob/master/case1/test.html - float布局
https://github.com/curtis2/webDevelop/blob/master/case2/index.html - 绝对定位布局
3.信息排列布局(ul)
https://github.com/curtis2/webDevelop/blob/master/js1/list-3%20-%20%E6%9C%80%E7%BB%88.html
4.tab选项卡效果
- 滑动切换效果
- 点击切换效果
- 延迟切换效果
- 自动切换效果
https://github.com/curtis2/webDevelop/blob/master/js2/test.html
5.Ajax
http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499861493e7c35be5e0864769a2c06afb4754acc6000
6.Jquery基础
http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499993118b8173572625b4afe93a8b19dd707ea1d000
7.网页综合布局实战
https://github.com/curtis2/webDevelop/blob/master/synthesize/index_1.html
8.商城分类导航效果
https://github.com/curtis2/webDevelop/blob/master/shoppingmall/index_js.html
整理的笔记:
- 1.Css float属性的一些特点
http://www.jianshu.com/p/93d9cc1b1afa - 2.Position属性的一些特点
http://www.jianshu.com/p/715a2c03cc17