网页qq多皮肤悬浮在线客服代码

特效描述：利用jquery实现 多皮肤 悬浮QQ客服，利用jquery实现多皮肤悬浮QQ客服插件

代码部署教程

1. 引入CSS

<link rel=”stylesheet” type=”text/css” href=”css/service.css”/>

2. 引入JS

<script type=”text/javascript” src=”js/jquery-1.4.4.min.js”></script>

<script type=”text/javascript” src=”js/jquery.fixed.1.5.1.js”></script>

3. HTML代码

<div class=”demo” style=”height:2000px;”>
<div class=”qhd-desc”>
<h2> 企户动是首款融合手工建站与智能建站的企业建站平台，让企业网站变得灵活调整变更、完全个性定和傻瓜式操控，并逐步集成自助式的一体化网络营销工具。主要帮助网页设计师解决一下问题：</h2>
<h3>1、只需HTML CSS JS技能，即可将静态HTML页面转化成动态网站</h3>
<h3>2、无需掌握服务器端编程技术，也不必学习复杂的CMS或建站系统</h3>
<h3>3、避免网站反复调整修改而消耗时间</h3>
<h3>4、特约网页设计师计划，帮助您扩大建站客源量</h3>
<h3>5、自动安装网站定制SDK，无需手工配置，还可以使用惯用的网页制作工具</h3>
</div>
<center>
<span style=”font-size:15px; font-weight:bold; text-align:center; line-height:25px; color:#000; width:100%”><br>
</center>
</div>
<!– S 客服 –>
<div class=”fixed_box” id=”fixedBox”>
<div class=”content_box”>
<div class=”content_inner”>
<div class=”close_btn”><a title=”关闭”><span>关闭</span></a></div>
<div class=”content_title”><span>客服中心</span></div>
<div class=”content_list”>
<div class=”qqserver”>
<p>
<a target=”_blank” href=”http://www.cxvn.com/msgrd?v=3&amp;uin=168660460&amp;site=qq&amp;menu=yes”>
<img border=”0″ src=”http://www.cxvn.com/pa?p=2:168660460:41″ alt=”点击这里给我发消息” title=”点击这里给我发消息”>
<span>方雨</span>
</a>
</p>
<p>
<a target=”_blank” href=”http://www.cxvn.com/msgrd?v=3&uin=168660460&site=qq&menu=yes”>
<img border=”0″ src=”http://www.cxvn.com/pa?p=2:168660460:41″ alt=”点击这里给我发消息” title=”点击这里给我发消息”>
<span>方雨</span>
</a>
</p>
<p>
<a target=”_blank” href=”http://www.cxvn.com/msgrd?v=3&uin=168660460&site=qq&menu=yes”>
<img border=”0″ src=”http://www.cxvn.com/pa?p=2:168660460:41″ alt=”点击这里给我发消息” title=”点击这里给我发消息”>
<span>方雨</span>
</a>
</p>
<p>
<a target=”_blank” href=”http://www.cxvn.com/msgrd?v=3&uin=168660460&site=qq&menu=yes”>
<img border=”0″ src=”http://www.cxvn.com/pa?p=2:168660460:41″ alt=”点击这里给我发消息” title=”点击这里给我发消息”>
<span>方雨</span>
</a>
</p>
<p>
<a target=”_blank” href=”http://www.cxvn.com/msgrd?v=3&uin=168660460&site=qq&menu=yes”>
<img border=”0″ src=”http://www.cxvn.com/pa?p=2:168660460:41″ alt=”点击这里给我发消息” title=”点击这里给我发消息”>
<span>方雨</span>
</a>
</p>
<p>
<a target=”_blank” href=”http://www.cxvn.com/msgrd?v=3&uin=168660460&site=qq&menu=yes”>
<img border=”0″ src=”http://www.cxvn.com/pa?p=2:168660460:41″ alt=”点击这里给我发消息” title=”点击这里给我发消息”>
<span>方雨</span>
</a>
</p>
</div>
<hr>
<div class=”phoneserver”>
<h5>客户服务热线</h5>
<p>请直接QQ联系！</p>
</div>
<hr>
<div class=”msgserver”>
<p><a href=”http://www.cxvn.com/feedback/language_zh-CN?jsResource”>给我们留言</a></p>
</div>
</div>
<div class=”content_bottom”></div>
</div>
</div>
<div class=”show_btn”><span>展开客服</span></div>
</div>
<!– E 客服 –>
<!– ================================== 分割线 ==================================== –>
<!– S 客服 –>
<div class=”fixed_box” id=”fixedBox2″>
<div class=”content_box”>
<div class=”content_inner”>
<div class=”close_btn”><a title=”关闭”><span>关闭</span></a></div>
<div class=”content_title”><span>客服中心</span></div>
<div class=”content_list”>
<div class=”qqserver”>
<p>
<a target=”_blank” href=”http://www.cxvn.com/msgrd?v=3&uin=168660460&site=qq&menu=yes”>
<img border=”0″ src=”http://www.cxvn.com/pa?p=2:168660460:41″ alt=”点击这里给我发消息” title=”点击这里给我发消息”>
<span>方雨</span>
</a>
</p>
<p>
<a target=”_blank” href=”http://www.cxvn.com/msgrd?v=3&uin=168660460&site=qq&menu=yes”>
<img border=”0″ src=”http://www.cxvn.com/pa?p=2:168660460:41″ alt=”点击这里给我发消息” title=”点击这里给我发消息”>
<span>方雨</span>
</a>
</p>
<p>
<a target=”_blank” href=”http://www.cxvn.com/msgrd?v=3&uin=168660460&site=qq&menu=yes”>
<img border=”0″ src=”http://www.cxvn.com/pa?p=2:168660460:41″ alt=”点击这里给我发消息” title=”点击这里给我发消息”>
<span>方雨</span>
</a>
</p>
</div>
<hr>
<div class=”phoneserver”>
<h5>客户服务热线</h5>
<p>请直接QQ联系！</p>
</div>
<hr>
<div class=”msgserver”>
<p><a href=”http://cxvn.com/”>给我们留言</a></p>
</div>
</div>
<div class=”content_bottom”></div>
</div>
</div>
<div class=”show_btn”><span>展开客服</span></div>
</div>
<!– E 客服 –>

下载地址

立即下载