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

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

彭淇3年前 (2018-03-20)Javascript4377

摇一摇打开网页或拨打电话  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 charset="UTF-8">...

网站优化如何提高页面的加载速度

网站优化如何提高页面的加载速度

加快网页的加载速度,无疑是提高用户体验的一个很好的方法。但是这里我们如何提高网页的加载速度呢?这里是我所理解的和网上搜索到的几点总结。  1. 使用良好的结构 &n...

判断用户当前设备终端型号 – 设备侦测工具

判断用户当前是什么设备,甚至可以侦测出手机型号乃至系统版本。此代码来自SUI Mobile源码,我只是搬运工,需要借助zepto.js SUI Mobile官方提供的zepto.js(CDN),...

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

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

为网站添加点击喜庆灯笼特效

为网站添加点击喜庆灯笼特效

为网站添加对联灯笼喜庆特效。特此感谢飞翔勿扰站长提供的代码和方法效果图如下:设置方法如下:代码如下: <div class="container">...

js实现简单的注册表验证

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

发表评论

访客

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