走啊走
来学wordpress建站吧

M站底部悬浮导航代码分享

M站底部悬浮导航代码分享,效果大概是这样的,话不多少直接上效果图吧,个人感觉M站底部加一个也是有些作用的,于是就自己写了一个,还凑合用。

M站底部悬浮导航代码分享

M站底部悬浮导航代码分享

代码如下:

<style>
/*2020年3月22日17:44:07 cc*/
.foot_content{display:none;}
@media(max-width: 1200px) {
.foot_content{display:flex;position:fixed;bottom:0px;left:0px;width:100%;text-align:center;z-index:9999;background:#fff;}
.foot_content a{text-decoration:none;}
.foot_content .foot_item{border-right:1px solid #eee;border-top:1px solid #eee;flex:1;height:44px;padding-top:3px;padding-bottom:4px;}
.foot_content .foot_item img{padding:0;width:26%;height:auto;max-width:30px;}
.foot_content .foot_item p{padding:0;margin:0;color:#666;font-size:13px;}
}
</style>
<div class="foot_content">
<div class="foot_item"><a href="/?from=bottom" target="_blank"><img src="/wp-content/uploads/2020/03/indexpic.png"><p>首页</p></a></div>
<div class="foot_item"><a href="/go.php?url=https://www.aliyun.com/sale-season/2020/procurement?userCode=cb3vgkf5&scm=20140722.1671.6.1693&aly_as=U-WjCGf-&accounttraceid=7fc3cf59a36b4067bad4acc1a30531c9iber&source=5176.11533457&userCode=cb3vgkf5&type=copy" target="_blank"><img src="/wp-content/uploads/2020/03/云主机.png"><p>买主机</p></a></div>
<div class="foot_item"><a href="/wp-content/uploads/2018/10/微信图片_20181020215728-300x300.jpg" target="_blank"><img src="/wp-content/uploads/2020/03/送门户网站.png"><p>建站</p></a></div>
<div class="foot_item"><a href="/aboutus-html" target="_blank"><img src="/wp-content/uploads/2020/03/联系.png"><p>联系</p></a></div>
</div>
微信订阅号:wordpress8—WordPress建站 » M站底部悬浮导航代码分享

评论 5

#快捷签到点我#

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #3

    2020/3/25 下午12:28:28,打卡签到成功!每天打卡,遇见美好生活,好久没见更新了

    小姚工作室2个月前 (03-25)回复
  2. #2

    移动端加上4个底部按钮看起来确实挺好的

    boke112联盟2个月前 (03-23)回复
  3. #1

    效果不错,图标其实可以用Iconfont,更加生动。

    萧瑟3个月前 (03-23)回复
    • Iconfont 这个东西不会,正准备学习研究下。。。

      华年轻度3个月前 (03-23)回复


走啊走—【WordPress建站吧,轻松学建站!关注微信订阅号:wordpress8】

wordpress建站安装》联系我们
ECS突发性能T6-99元/年
力荐

阿里云服务器,ECS共享型S6新品低至69.86/年

阅读(9002)评论(242)

新用户专属小站价,爆款产品1折起,百度云服务器之前买的特价大概100块钱左右一年的吧,大概还有一个月就要过期了,平时没怎么用基本是空着的,做一些测试用,今天去百度云续费域名,结果发现又有活动团购价格62元/6个月的价格,感觉比较划算六十多块钱买半年,这个价格还是比较诱人的,...

ECS突发性能T6-99元/年
新手必看

wordpress建站首选云服务器229.00/3年

阅读(822)评论(242)

新用户专属小站价,爆款产品1折起爆款产品5折起,新老用户同享优惠,限时抢购,指定云产品使用 限新用户 最高¥2000...

本站正在用阿里云ECS服务器;特价主机低至¥102元/年起开抢 阿里云特价通道
阿里云虚拟主机+阿里云ECS服务器+阿里云轻量云主机特价 点击前往
关闭
服务器低至0.9折抢
赞赏作者

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏