一键拨号，发短信，QQ，百度地图导航

最新推荐文章于 2019-07-08 11:48:46 发布

浅歌陌上

最新推荐文章于 2019-07-08 11:48:46 发布

阅读量781

点赞数

分类专栏： HTML5+CSS3 CSS JavaScriipt

本文链接：https://blog.csdn.net/qq_30668579/article/details/49624473

版权

JavaScriipt 同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

HTML5+CSS3

13 篇文章 0 订阅

订阅专栏

CSS

10 篇文章 0 订阅

订阅专栏

拨号代码：
1、<a href="wtai://wp/mc;1816408116*" mce_href="wtai://wp/mc;1816408116*">一键拨号</a>
2、<a href="tel:0278766188" mce_href="tel:02787661888">一键拨号</a>

保存到手机电话本：
<a href="wtai://wp/ap;02787661888;">将02787661888存入电话簿 </a>

发短信代码：
<a href="sms:10000?body=你好">发短信我</a>

在线QQ代码：

PC端：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=8888888&site=qq&menu=yes" >QQ</a>

移动端：<a target="_blank" href="mqqwpa://im/chat?chat_type=wpa&uin=595764927 &version=1">QQ</a>

百度地图导航

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link href="../overAll/icon/iconfont.css" rel="stylesheet" type="text/css">
    <script src="http://api.map.baidu.com/components?ak=GealCAN0WVoWGsV1REuDArhF&v=1.0"></script>
    <title>乐方网络</title>
    <style type="text/css">
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
        #golist {display: block;z-index: 1000;position: fixed;width: 70px;height: 70px;right: 5px;top: 5px;
        line-height: 70px;text-align: center;
        background-color: #EEEEEE;
        border-radius: 40px;
        border:solid 1px #666666}
        @media (max-device-width: 800px){#golist{display: block!important;}}
        a{
            text-decoration: none;
            color: #000000;
        }
    </style>
</head>
<body>
<a id="golist" href="">返回网站</a>
<lbs-map width="100px" style="height:100%" center="118.07491,24.623151">
    <lbs-poi name="厦门工学院" location="118.07491,24.623151" addr="厦门工学院" ></lbs-poi>
</lbs-map>
</body>
</html>