WAP手机网站一键拔号拨打电话功能制作方法

在学做网站论坛的手机网站制作课程里，介绍了怎么制作一个手机网站。手机网站底部都会有一拨打电话功能，可以允许用户点击直接拔打电话。

下面学做网站论坛介绍一下手机网站底部拨打电话功能制作的方法，这个方法是通用方法，不管你是wordpress、dede还是其它网站，都是通用的方法。

方法/步骤

1. 将以下的代码复制到自己网页的代码底部</body>标签止面，用于创建一个DIV框，用于制作底部拨打电话功能区域；（注意修改代码里的电话号码）

   <div class="ftkf">
   
   <ul class="clearfix">
   
   <li><a href="tel:0108888888" mce_href="tel:01088888888"><img src="footer01.png">电话咨询</a></li>
   
   <li><a href="sms:88888888"><img src="footer03.png">短信咨询</a></li>
   
   <li><a rel="nofollow" href="mqqwpa://im/chat?chat_type=wpa&amp;uin=2399118408&amp;version=1&amp;src_type=web&amp;web_src=xuewangzhan.net"><img src="footer04.png">QQ客服</a></li>
   
   <li><a href="https://www.xuewangzhan.net/"><img src="footer05.png">学做网站论坛</a></li>
   
   </ul>
   
   </div>
   
   

2. 将以下的CSS样式代码放到自己网站的CSS文件里，用于控制手机网站底部拨打电话功能框样式；（当然也可以根据自己的喜好修改样式）

   /*底部一键拔号样式**
   
   **代码来源：学做网站论坛https://www.xuewangzhan.net/**
   
   */
   
   .ftkf {padding: 1% 0.5%;background:green;z-index: 99;position: fixed;bottom: 0px;width: 100%;}
   
   .ftkf li{width:25%;text-align:center;float:left;}
   
   .ftkf li a {display: block;color: #fff;}
   
   .ftkf li img {display: block;width: 30px;height: 30px;margin: 0 auto 8px;}
   
   

3. 这样，手机网站底部拨打电话功能就制作好了。制作好的拨打电话功能框是一直位于手机网站的底部区域，支持一键拔号的。