带留言功能qq客服在线代码

特效描述：利用jQuery实现 带留言功能 在线客服，利用jQuery实现带留言功能在线客服代码

代码部署教程

1. 引入CSS

<link rel=’stylesheet’ href=’css/kefu.css’ />

2. 引入JS

<script type=’text/javascript’ src=’js/jquery-1.8.3.min.js’ charset=’gb2312′></script>

<script type=’text/javascript’ src=’js/onlineService.js’ charset=’gb2312′></script>

3. HTML代码

<div class=’box_os’>
<div class=’osqq’>
<div class=’os_x’></div>
<p class=’bmname’><em>销售部</em></p><div class=’bmclass’>
<p><strong>销售专员</strong><br>
<a target=’_blank’ href=’http://www.cxvn.com/msgrd?v=3&uin=123456789&site=qq&menu=yes’><img border=’0′ src=’http://www.cxvn.com/pa?p=2:123456789:41′ alt=’点击这里给我发消息’ title=’点击这里给我发消息’></a><br>
</p>
<p><strong>销售专员</strong><br>
<a target=’_blank’ href=’http://www.cxvn.com/msgrd?v=3&uin=123456789&site=qq&menu=yes’><img border=’0′ src=’http://www.cxvn.com/pa?p=2:123456789:41′ alt=’点击这里给我发消息’ title=’点击这里给我发消息’></a><br>
</p>
<p><strong>销售专员</strong><br>
<a target=’_blank’ href=’http://www.cxvn.com/msgrd?v=3&uin=123456789&site=qq&menu=yes’><img border=’0′ src=’http://www.cxvn.com/pa?p=2:123456789:41′ alt=’点击这里给我发消息’ title=’点击这里给我发消息’></a><br>
</p>
</div>
<p class=’bmname’><em>技术部</em></p><div class=’bmclass’>
<p><strong>技术专员</strong><br>
<a target=’_blank’ href=’http://www.cxvn.com/msgrd?v=3&uin=123456789&site=qq&menu=yes’><img border=’0′ src=’http://www.cxvn.com/pa?p=2:123456789:41′ alt=’点击这里给我发消息’ title=’点击这里给我发消息’></a><br>
</p>
</div>
<p class=’bmname’><em>售后服务部</em></p><div class=’bmclass’>
<p><strong>客服专员</strong><br>
<a target=’_blank’ href=’http://www.cxvn.com/msgrd?v=3&uin=123456789&site=qq&menu=yes’><img border=’0′ src=’http://www.cxvn.com/pa?p=2:123456789:41′ alt=’点击这里给我发消息’ title=’点击这里给我发消息’></a><br>
</p>
</div>
</div>
<div class=’acbox’><a id=’ico_pp_a’ title=”>点此留言</a>
</div>
</div>
<div class=’onlineService’>
<p class=’ico_os’></p>
</div>
<div class=’getForm’ id=’pop_ly_id_div’> <form name=’gbookFrm’ id=’gbookFrm’ action=’http://cxvn.com/jioaben/’ method=’post’>
<dl>
<dt><span title=’关闭’>x</span>提交留言</dt>
<dd><input type=’text’ id=’msg_uname’ onblur=’if (this.value ==””){this.value=”请输入您的称呼”}’ onfocus=’if (this.value ==”请输入您的称呼”){this.value =””}’ value=’请输入您的称呼’> <b style=’color:#f00′>* 必填项</b></dd>
<dd><input type=’text’ id=’msg_uemail’ onblur=’if (this.value ==””){this.value=”请输入您的邮箱”}’ onfocus=’if (this.value ==”请输入您的邮箱”){this.value =””}’ value=’请输入您的邮箱’></dd>
<dd><input type=’text’ id=’msg_utel’ onblur=’if (this.value ==””){value=”请输入您的电话”}’ onfocus=’if (this.value ==”请输入您的电话”){this.value =””}’ value=’请输入您的电话’></dd>
<dd><textarea id=’msgtext’ onblur=’if (this.value ==””){this.value=”请输入留言内容”}’ onfocus=’if (this.value ==”请输入留言内容”){value =””}’>请输入留言内容</textarea> <b style=’color:#f00′>* 必填项</b></dd>
<dd><input type=’text’ id=’msg_vcode’ onblur=’if (this.value ==””){this.value=”请输入验证码”}’ onfocus=’if (this.value ==”请输入验证码”){this.value =””}’ value=’请输入验证码’><img id=’vcode’ alt=’看不清点击图片换一张’ title=’看不清点击图片换一张’ src=’http://kf2012.qebang.cn/GetCode.asp’></dd>
<dd><button class=’msg_button’ name=’msg_sub’ id=’msg_sub_button’>确 定</button></dd>
</dl></form>
</div>
<div style=”text-align:center;margin:50px 0; font:normal 14px/24px ‘MicroSoft YaHei’;”>
</div>

下载地址

立即下载