今天教大家制作一个淘宝首页右侧浮动的导航话不多说,看图片

分享网站前端小技术怎么做 分享网站前端小技术(1)

打开编辑工具Editplus新建一个html网页

分享网站前端小技术怎么做 分享网站前端小技术(2)

建好后就开始制作

在body里添加下面内容

<div class="dh">

<div class="tp"></div>

<div class="a"><a href="#">爱逛好货</a></div>

<div class="b"><a href="#">好点直播</a></div>

<div class="c"><a href="#">品质特色</a></div>

<div class="d"><a href="#">实惠热卖</a></div>

<div class="e"><a href="#">猜你喜欢</a></div>

添加好后按键盘上的ctrl s建保存,

分享网站前端小技术怎么做 分享网站前端小技术(3)

保存好后鼠标双击打开就OK啦!

如果需要源码的可以关注我后私信我,也可以加咱们的交流群309073798,每天都会分享最新的网站前端技术

欢迎大家转载收藏,最后又不对的地方大家可以在留言区吐槽

,