特效描述:利用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&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>
<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 客服 –>
下载地址
1.《网页qq多皮肤悬浮在线客服代码》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《网页qq多皮肤悬浮在线客服代码》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/code/kf/701.html