- 博客(3)
- 收藏
- 关注
RSS订阅原创 Html5+Css实战前端小米官网左侧导航（思路+详解+素材）
实战后的效果大家好，我是小叶同学，如今都大二了，跟着学校老师只学到皮毛，不如自己自学，说起来也惭愧，今天实战Html+CSS小米官网左侧导航开发，后面也会一点点对小米官网全部开发，欢迎前来坐坐沙发布局首先创建一个大盒子，里面给一个居中盒子，居中盒子给一个相对定位，左侧导航根据居中盒子进行绝对定位，相当于对根据Logo定位比较简单当看到图片的时候，相信各位有了布局思路，我们看看它的组成部分，分别是轮播图和左侧导航，但是你可以看见因为这两个是重叠在一起的，因此可以知道 轮播图 肯定是使用了 posi
2020-06-08 17:18:33
4814
原创 Html5+Css前端开发小米官网-顶部导航
实战后的效果大家好，我是小叶同学，如今都大二了，跟着学校老师连皮毛都没学到，不如自己自学，说起来也惭愧，今天实战Html+CSS小米官网顶部导航开发，后面也会一点点对小米官网全部开发，欢迎前来坐坐沙发思路详解下载App提示框：通过"子绝父相"，给li标签设置相对定位，提示框设置绝对定位，让它对文字下面进行居中，然后用display:none和block进行显示隐藏，跟轮播图一个原理。购物车效果：一开始我们都会想用display来进行显示隐藏，这是不行的，display转成块元素后，transi
2020-06-04 23:02:44
3141
3
原创 原生JS小米官网轮播实战（详解+思路+素材）
原生JS小米官网轮播实战（详解+思路+素材）实战后的效果图实战思路首先要先左右箭头点击移动到一下张，其实就是用隐藏显示的效果展示，当用户点击的时候，清除上一张的显示样式，隐藏上一张图片，移动到下一张图片的时候，添加显示样式，实现轮播效果箭头函数逻辑当用户点击了右击箭头的时候，判断我们要显示第5张图片，移动到第6张的时候，我们需要它显示回第一张图片，左箭头同理小圆点跟左右箭头的思路差不多，当用户没有点击的时候就跟随着图片的自动轮播而改变，当用户点击其中的小圆点了，就让当前图片显示为小圆点的
2020-06-03 20:41:42
2057
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人