四时宝库

程序员的知识宝库

分享网站前端小技术,制作淘宝首页右侧浮动导航

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

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

建好后就开始制作

在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>

<div class="f"><a href="#">反馈</a></div>

<div class="g"><a href="#">暴恐举报</a></div>

</div>

然后在title下面添加css样式

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

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

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

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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接