给网页底部加上浮动的电话拨打和微信复制方法

经常有用户问如何加底部联系方式导航条,可以拨打电话 可以复制微信号码的方法,现在奉上代码,需要的朋友,可以直接复制以下代码到需要的文件里。

<style>    .foot_n { overflow:hidden; position:fixed; bottom:0; left:0; z-index:9999;width: 100%; height:46px; line-height:23px; background:#6d2604; }    .foot_n dl{padding: 0; margin:0 auto; max-width: 1200px;background:#6d2604; }    .foot_n dl dt {width:33.3%;float:left; list-style:none; color: #fff; padding: 0; margin: 0; text-align: center }    .foot_n dl dt a { color:#ffffff; padding:5px 0; display:inline-block; }    .foot_n dl dt a.item i { color:#ffffff; font-size:16px; display:block }    </style>    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">    <div class="foot_n">    <div class="main">    <dl>    <dt> <a href="/" class="item"> <i class="fa fa-user"></i> <span>网站首页</span> </a></dt>    <dt> <a href="tel:你的电话号码" class="item" target="_blank"> <i class="fa fa-phone"></i> <span>联系电话</span> </a> </dt>    <span id="biao1" style="display:none">你的微信号</span>    <dt> <a onClick="copyUrl2()" class="item" target="_blank"> <i class="fa fa-wechat"></i> <span>复制微信号</span> </a> </dt>    </dl>    </div>    </div>    <script type="text/javascript">    function copyUrl2()    {    var Url2=document.getElementById("biao1").innerText;    var oInput = document.createElement('input');    oInput.value = Url2;    document.body.appendChild(oInput);    oInput.select(); // 选择对象    document.execCommand("Copy"); // 执行浏览器复制命令    oInput.className = 'oInput';    oInput.style.display='none';    alert('复制成功');    window.location.href="weixin://";//打开微信    }    </script>