想为我的网站创建一个立即通话按钮[关闭]

【问题标题】：want to create a call now button for my website [closed]想为我的网站创建一个立即通话按钮[关闭]
【发布时间】：2016-01-01 05:37:54
【问题描述】：

我不是超级程序员，但也愿意学习。我要做的是创建与 http://callnowbutton.com/ 相同的功能（这是一个 wordpress 插件），我们不使用 wordpress。

那么我将如何创建这个？主要项目是：当然只需要在移动设备上显示，并且您希望按钮保持在设备屏幕的底部，即使页面滚动。

（因此人们的拇指或手指可以随时访问它）

任何帮助将不胜感激。

【问题讨论】：

我不会为你构建按钮，但是一旦你有一个随页面滚动的按钮，添加<a href="tel:+1800229933">Your message!</a> 到它。在手机上，这将开始通话，而在平板电脑上，它会要求添加到联系人或类似的东西。
谢谢..我对html足够熟悉，可以理解那部分..我正在寻找更多的胆量。（对不起，我不够清楚）但感谢您的回复。

标签： javascript html css button mobile

【解决方案1】：

您应该可以简单地将要拨打的电话号码放在a 元素的href 属性中，并在其前面加上'tel:as a protocol indicator. If you want to make it stick to the bottom of your page, use thefixed' 位置CSS 样式。例如：

<style>
a.phoneMe {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 30px;
    background: green;
    color: white;
}
</style>

<a href="tel:1234567890" class="phoneMe">Call Now!</a>

【讨论】：

谢谢！！！我玩弄了它，并让它以我需要的方式工作 99.9%。我必须更多地研究 css，因为我想在绿色背景上有一个电话的标志，但是当我尝试使用 background = ，它不会正确显示。
最简单的方法是在您的<a> 元素内（在您的文本之前）添加一个<img> 元素，该元素将指向您的手机图像。但是，您可以使用 CSS 中的 :before 伪来实现。如果你想让我给你看一个例子，请告诉我。