想为我的网站创建一个现在的通话按钮

时间:2015-12-31 21:25:49

标签: javascript html css button mobile

我不是一个超级编码员,但也愿意学习。 我想要做的是创建相同的功能:http://callnowbutton.com/(这是一个wordpress插件),我们不使用wordpress。

那我该如何创作呢?主要项目是:当然只需要在移动设备上显示,并且您希望按钮保持在设备屏幕的底部,即使页面已滚动。

(所以一个人的拇指或手指总是可以访问它)

非常感谢任何协助。

1 个答案:

答案 0 :(得分:0)

您应该能够简单地在href元素的a属性中调用您的号码,并在其前面加上'tel:as a protocol indicator. If you want to make it stick to the bottom of your page, use the fixed`位置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>