当前位置:首页 > Javascript > 正文内容

摇一摇打开网页或拨打电话

彭淇2年前 (2018-03-20)Javascript31850

摇一摇打开网页或拨打电话  js 分享 网页 运行 第1张

    提到摇一摇,我们第一念头就是微信,就好像微信因为QQ的前期大力支持发杨光大一样,摇一摇也因为微信的存在,在一个短暂的时间内,成了众人所知的热门应用,微信里面的摇一摇是摇出了同一时间段也同时在玩摇一摇的用户,达到同时摇到一块儿的机缘;

    而今天我想说的“摇一摇”却不是摇出好友,而是摇一摇打开网页,或者摇一摇直接拨打电话。

摇一摇应用场景

   此应用通常运用于移动端的APP或小程序,及移动端网页里面,只要用户通过摇一摇就可以直接拨打电话给公司,或打开一个活动页面,或者参与投资等场景;

效果代码如下

<script type="text/javascript" src="/images/yaoyiyao.js" ></script>
<link rel="stylesheet" href="/images/yaoyiyao.css">
<div class="shake">
<div id="shakebox">
<div class="tada"><img src="/images/shake.png"></div>
</div>
<div class="shakeTxt" style="padding-left:30px;">摇一摇<br>电话咨询</div>
</div>


温馨提示:请把以上代码添加于网页上,header或者footer.php中都行,以下的文件请上传于网站根目录下,清楚缓存,即可打开手机浏览器查看效果。

代码文件下载地址

您暂时无权访问此页内容,请登陆后访问!

登陆 或者 注册 还可以 QQ登陆

扫描二维码至手机访问

扫描二维码推送至手机端访问。

版权声明:本文由淇云博客发布,如需转载请注明出处。

转载请注明出处:https://www.pengqi.club/blog/241.html

分享给朋友:

相关文章

原生js带提示留言表单验证代码

原生js带提示留言表单验证代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Conten...

jquery统计页面加载时间

有时我们想要统计页面加载时间, 但是php是服务器端的,在应用中数据显示非常不符合实际。 其实最好的方法应该是在客户端统计时间,利用js或jquery是最佳选择。...

js实现简单的注册表验证

js实现简单的注册表验证,效果如下: <!DOCTYPE html> <html> <head> <meta charset=&q...

js日历代码演示,阳历 农历 星期

js日历代码演示,阳历 农历 星期

效果图如下: 代码如下: <!doctype html> <html> <head> <meta chars...

以表单提交前邮箱检测为例解析javascript正则表达式检测

表单检测在登录、注册、订单、留言板等重要部件都必不可少。下面飞翔勿扰就根据表单提交前邮箱的检测为例简单解析一下javascript正则表达式的使用。实例代码非常实用,让诸君先睹为快~...

网页闹钟JS代码

网页闹钟JS代码

网页闹钟JS代码 有时候我们会突然忘记在什么时间段做什么事情, 你可能会使用手机设置一个闹钟,如果再给电脑设置一个,那不是更好么? 这里就是闹钟的效果了...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。