Eric.Liang 发表于 2018-11-7 12:10:29

帮你打开活字格更神奇的功能:四十九,QQ在线咨询

最近有客户在做这样一个功能,感觉挺有趣的,分享给大家。

大家应该都见过,很多网站的首页都会有个小人,提示你在线咨询,这样更方便用户直接和商家去进行沟通。

本教程以QQ为例,在活字格中实现在线咨询的功能。

效果如下图:



其实原理很简单,只是在活字格的某一个区域中添加一个超链接,唤醒QQ实现在线咨询。
具体操作如下:
1.在活字格页面中选取一片区域,给这片区域起名为qq,设置CSS样式让图标靠左显示。


2.在页面加载命令中添加JS代码。

$("").html("<a target='_blank' href='http://wpa.qq.com/msgrd?v=3&uin=604908367&site=qq&menu=yes'><img border='0' src='http://wpa.qq.com/pa?p=2:515807823:53 alt='点击这里给我发消息' title='点击这里给我发消息'/></a>");href='http://wpa.qq.com/msgrd?v=3&uin=*&site=qq&menu=yes'中的*用来填写在线咨询的QQ号。
src='http://wpa.qq.com/pa?p=2:515807823:53'用来填写你的图标链接。


3.你也可以使用本地的图片。那么你只需要在页面跳转命令中设置外部url即可。注意:如果选择在新的Tab打开,请注意浏览器的弹出新Tab是否打开。



这样一看是不是感觉很简单呢:itwn:大家一起来试试吧。
工程文件见附件。






页: [1]
查看完整版本: 帮你打开活字格更神奇的功能:四十九,QQ在线咨询