实现效果如图:
点击客服专员一、二、三之后提示添加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('http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=2777284272', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');" onfocus="this.blur()" alt="客服专员一"> <area shape="rect" coords="15,140,130,170" href="javascript:void(0)" onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=2793223264', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');" onfocus="this.blur()" alt="客服专员二"> <area shape="rect" coords="15,185,130,220" href="javascript:void(0)" onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=2031815590', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');" onfocus="this.blur()" alt="客服专员三"> </map> </div>
时间: 2024-10-05 10:12:03