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

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

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

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

效果如下图：



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


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

1. $("[fgcname='qq']").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是否打开。



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