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

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

分享网站前端小技术怎么做 分享网站前端小技术(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,每天都会分享最新的网站前端技术

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

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页