立即致电按钮

时间:2017-09-15 13:25:10

标签: javascript

我需要一些JavaScript的帮助 - 我想。我无法找到我正在寻找的任何教程。我为#34;立即致电创建了HTML和CSS!"按钮,我需要弄清楚当有人点击它时如何使它工作"现在打电话"或者"取消"提示出现,如果他们按下"现在打电话"它开始拨号码......



a.phoneMe {
  position: fixed;
  right: 0px;
  bottom: 60px;
  left: 0px;
  margin-left: 50%;
  height: 53px;
  width: 80px;
  background: #228B22;
  color: white;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  border-radius: 5px;
}

<a href="tel:+15014737132" class="phoneMe">Call Now!</a>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

编辑:所以,我想我误解了你的问题。我认为你所寻找的是一种模式。

看看这个小提琴:https://jsfiddle.net/7Lhx4zjh/

我正在使用Jquery和MaterializeCSS。要在文档中进行此操作,您需要设置头部以包含这些链接:

<script
src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

然后您需要将此代码添加到脚本标记中以初始化模式:

$('document').ready(function(){
    $('.modal').modal();
}) 

还有其他库(如bootstrap)和模态,但是materializecss是我最喜欢的。它非常易于使用且外观漂亮。