首页 > 代码库 > 实现QQ在线咨询(需先添加好友)

实现QQ在线咨询(需先添加好友)

实现效果如图:

技术分享

点击客服专员一、二、三之后提示添加qq好友,进行聊天。

代码如下:

<div class="attachLeft">
        <img src="<%=basePath%>/resources/newlogin/files/kf_hyjcpt.jpg" usemap="#navMap" ismap="ismap">
        <map name="navMap" id="navMap">
           <area shape="rect" coords="15,95,130,120" href="javascript:void(0)" onclick="javascript:window.open(&#39;http://wpa.qq.com/msgrd?v=3&amp;site=qq&amp;menu=yes&amp;uin=2777284272&#39;, &#39;_blank&#39;, &#39;height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no&#39;);" onfocus="this.blur()" alt="客服专员一">
           <area shape="rect" coords="15,140,130,170" href="javascript:void(0)" onclick="javascript:window.open(&#39;http://wpa.qq.com/msgrd?v=3&amp;site=qq&amp;menu=yes&amp;uin=2793223264&#39;, &#39;_blank&#39;, &#39;height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no&#39;);" onfocus="this.blur()" alt="客服专员二">
           <area shape="rect" coords="15,185,130,220" href="javascript:void(0)" onclick="javascript:window.open(&#39;http://wpa.qq.com/msgrd?v=3&amp;site=qq&amp;menu=yes&amp;uin=2031815590&#39;, &#39;_blank&#39;, &#39;height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no&#39;);" onfocus="this.blur()" alt="客服专员三">
        </map>
</div>    

 

实现QQ在线咨询(需先添加好友)