手机版网页底部功能按钮代码分享

QQ王国 2017-09-29 0:00:21 脚本代码无法统计

小中大

本次为大家带来的是手机版网页底部功能按钮代码分享

挺不错的一款代码也很好看

自适应可以直接添加到首页模板，独立手机模板就把代码添加到手机首页模板页内

手机版网页底部功能按钮代码分享

</p>
<style type="text/css">.nav{display:none;}@media only screen and (max-width:450px){.site-info{padding:15px 0 52px 0;}#advert_widget,.php_text .widget-text,.widget .textwidget{padding:0;}.nav{position:fixed;z-index:999;bottom:0;width:100%;height:52px;display:block;right:0;box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);-webkit-box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);-moz-box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);-o-box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);-ms-box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);}.nav{padding-left:0;margin-bottom:0;list-style:none;}.nav img{width:50px !important;height:50px !important;}.nav > ul{position:relative;z-index:1;height:52px;background:rgba(255,255,255,.85);list-style-image:none;list-style-type:none;margin:0px;padding:0px !important;}.nav ul li{position:relative;float:left;width:20%;text-align:center;margin:0px;padding:0px;list-style-image:none;list-style-type:none;top:0px;left:3%;}.nav ul li a{display:block;margin-right:auto;margin-left:auto;}}</style>
<div class="nav">
<ul>
<li><a href="https://www.jsahz.com/"><img src="https://www.jsahz.com/wp-content/uploads/2017/09/e9ea64d273dee5cdcd00.png" /></a></li>
<li><a href="https://www.jsahz.com"><img src="https://www.jsahz.com/wp-content/uploads/2017/09/dca036156553e85abefd.png" /></a></li>
<li><a href="https://www.jsahz.com"><img src="https://www.jsahz.com/wp-content/uploads/2017/09/61a3a2a34f9d0f08a2d3.png" /></a></li>
<li><a href="http://www.zige.la"><img style="animation: blink 1.0s linear infinite;" src="https://www.jsahz.com/wp-content/uploads/2017/09/5a9db840bec7a373671a.png" /></a></li>
<li><a href="www.zige.la"><img src="https://www.jsahz.com/wp-content/uploads/2017/09/ff4626ede90ecc3e7e86.png" /></a></li>
</ul>
</div>
<p>

» 转载保留版权：QQ王国 » 《手机版网页底部功能按钮代码分享》

» 本文链接地址：https://www.jsahz.com/9835.html