whongsong
wp站点手机底部添加导航菜单，手机打开网站，底部显示 首页 电话 微信 QQ等，可以直接拨打电话，添加联系试。
<!–底部菜单栏开始–>
<style type=”text/css”>
.nav{
display:none;
}
@media only screen and (max-width:450px){
.site-info{
padding:15px 0 58px 0;
}
#advert_widget, .php_text .widget-text, .widget .textwidget{
padding:0;
}
.nav{
position:fixed;
z-index:999;
bottom:0;
width:100%;
height:40px;
display:block;
right:0;
box-shadow:0px 0px 10px 3px rgba(223, 223, 247, 1.0);
-webkit-box-shadow:0px 0px 10px 3px rgba(223, 223, 247, 1.0);
-mox-box-shadow:0px 0px 10px 3px rgba(223, 223, 247, 1.0);
-o-box-shadow:0px 0px 10px 3px rgba(223, 223, 247, 1.0);
-ms-box-shadow:0px 0px 10px 3px rgba(223, 223, 247, 1.0);
}
.nav{
padding-left:0;
margin-bottom:0;
list-style:none;
}
.nav span{
width:50px !important;
height:50px !important;
}
.font-text {
margin: 0 0 0 5px;
color: #1E90FF;
}
.nav > ul{
position:relative;
z-index:1;
height:40px;
background: rgba(255,255,255,.85);
list-style-type:none;
margin:0px;
padding:0px!important;
}
.nav ul li{
position:relative;
float:left;
width:25%;
text-align:center;
margin:0px;
padding:0px
list-style-type:none;
top:10px;
}
.nav ul li a{
display:block;
margin-right:auto;
margin-left:auto;
}
}
</style>
<div class=”nav”>
<ul>
<li> <a href=”/”><span class=”font-text”><i class=”fa fa-home” aria-hidden=”true”></i><span class=”font-text”>首页</span></span></a></li>
<li> <a href=”tel:18983892112″><span class=”font-text”><i class=”fa fa-volume-control-phone” aria-hidden=”true”></i><span class=”font-text”>电话</span></span></a></li>
<li> <a href=”tel:auko515″><span class=”font-text”><i class=”fa fa-weixin” aria-hidden=”true”></i><span class=”font-text”>微信</span></span></a></li>
<li> <a href=”tel:93648982″><span class=”font-text”><i class=”fa fa-qq” aria-hidden=”true”></i><span class=”font-text”>QQ</span></span></a></li>
</ul>
</div>
<link rel=”stylesheet” href=”http://www.sey.ink/font-awesome/css/font-awesome.min.css”>
<!–底部菜单结束–>
目前基本所有浏览器都支持WTAI函数了，WTAI 全称Wireless Telephony Applications Interface ；这个函数最长用的功能是拨打电话功能，并且在不同机型上基本适应差不多了，但是发送短信功能还不大行，很多手机不支持。
下面简单说一下几个常用功能：拨打电话、发送短信、存入电话薄
<a href=”wtai://wp/mc;10000″>拨打10000电话测试</a>【基本做到通用了】
<a href=”wtai://wp/ap;10000;”>将10000存入电话簿 </a>
<a href=”sms:10000?body=ktgj”>开通挂机短信 </a>【先解释一下吧：sms:10000是指要给10000发送短信；body=ktgj是指短信内容为ktgj。】
发动短信在很多手机上不识别，比如上述指令在Android手机上就不行，显示电话号码区为：10000?body=ktgj；而在Mobile手机上则是，显示号码区为10000,短信内容区为ktgj。
手机访问网站时,实现点击网页上显示的手机号码直接拨打电话。
< a href=”wtai://wp/mc;158xxxxxxxx ”>号码< /a>
这种方式拨打电话只在塞班与安卓上支持，而iphone是不支持的。
< a href=”tel:18983892112”>电话< /a>
这种方式塞班、安卓与iphone都支持。
其他方法: #1E90FF #1ba1e2
通过网页拨打电话号码：
< a href=”wtai://wp/mc;158xxxxxxxx ”>拨打电话< /a>
注: 158xxxxxxxx是号码, 你可以换成你想拨打的号码。
通过网页存储电话号码：
< a href=”wtai://wp/ap;158xxxxxxxx”>存储号码< /a>
注: 这种方法可以直接调出手机的保存电话号码的界面。
<a href=”sms:10086?body=000″>点这里发短信000至10086</a>
<a href=”wtai://wp/mc;10086″>点这里发拨打10086</a>
body= 后面是预设的短信内容
————————————————
版权声明：本文为CSDN博主「大雄Obear」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/bigbear00007/article/details/105461754
