HTML5课上学到的一些小案例

一转眼H5已经结课了,小结一下。

仿京东商品栏

HTML5课上学到的一些小案例_第1张图片

大差不差,总感觉还是少了点啥,应该是差个“仅剩X件”  ̄□ ̄||。

仿当当主页轮播图

HTML5课上学到的一些小案例_第2张图片

本来当当的轮播图就是不带按钮的,因为人家的是自动滚动,但老师的要求是:在自动滚动的基础上,
加上两个可以左右控制的按钮,所以还是有点小bug:“点击按钮切换的同时,轮播图后面还在自动滚”

仿某市政务网站竖向切换

HTML5课上学到的一些小案例_第3张图片

核心的东西都在左边的tab上,所以右边其实是截的图o(罒ω罒)O

省市县三级联动菜单

HTML5课上学到的一些小案例_第4张图片

这里要注意js没有多维数组的概念,但有方法实现多维数组,详见代码。
正常的前端人员不会想用多维数组这种东西吧 ̄□ ̄||。

简易购物车

HTML5课上学到的一些小案例_第5张图片

老师的要求是:书加入购物车后没有选中的时候显示总价,但凭我多年使用淘宝的经验,选中才计价看起来更舒服。L(‘ω’)┘三└(‘ω’)」

源代码已上传到CSDN:https://me.csdn.net/download/qq_40922859

你可能感兴趣的:(HTML5,CSS)