网站底部添加快捷按钮 - 分析技术网

网站底部添加快捷按钮

作者: SX分析技术网

全网最全的网络资源分享网站

手机扫码查看

标签:

div

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

分享本文至:

效果可以看本站底部

 

<style type="text/css">.nav{display:none;}@media screen and (min-width:767px){#mobile-footer{display:none}}
#mobile-footer{height:60px;background:#fafafa;position:fixed;bottom:0;left:0;border-top:0;width:100%;z-index:9999999}
#mobile-menu{display:block}
#mobile-menu:after{content:'';display:block;height:0;clear:both}
#mobile-menu>li{width:20%;float:left;border-top:1px solid #e6e6eb;height:100%}
#mobile-menu>li>a:hover{color:#000;}
#mobile-menu>li>.active{color:#000;}
#mobile-menu>li>a{text-align:center;color:#777;display:block;line-height:12px;height:100%}
#mobile-menu>li>a>span{font-size:20px;display:block;line-height:30px}</style>



<div id="mobile-footer">
    <ul id="mobile-menu">
        <li> <a href="http://www.blog.dzdv.cn"> <span class="fa fa-home"></span> 首页 </a></li>
       
        <li> <a href="http://www.blog.dzdv.cn/post-1.html"> <span class="fa fa-chain"></span> 友链 </a></li>

<li> <a href="javascript:;" class="search-show active"> <span class="fa fa-search"> </span> 搜索 </a></li>

        <li> <a href="http://www.blog.dzdv.cn/?plugin=yls_reg"> <span class="fa fa-user-plus"></span> 注册 </a></li>
        <li> <a href="http://www.blog.dzdv.cn/admin"> <span class="fa fa-user"></span> 登录 </a></li>
    </ul>
</div>
分享到:
打赏
未经允许不得转载:

作者: SX分析技术网, 转载或复制请以 超链接形式 并注明出处 分析技术网
原文地址: 《网站底部添加快捷按钮》 发布于2019-7-12

评论

未显示?请点击刷新
切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

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

支付宝扫一扫打赏

微信扫一扫打赏

分析技术网《www.caiwuje.cn》

本站(自动收录友链)

分析技术网 (www.caiwuje.cn) 网站博客,博客网站制作,个人技术博客,个人博客网站,个人seo,自媒体博客,个人seo优化,移动端web框架,shift后门,dede密码重置,mysql添加用户,nginx解析漏洞,web安全扫描工具,wooyun镜像,iis解析漏洞,网易云解析,struts2漏洞利用工具,metasploit渗透测试指南,漏洞测试,远程命令执行

申请友链

给我留言