利用jquery实现多皮肤悬浮QQ客服插件



36 142 48



特效描述:利用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.51qianduan.com//msgrd?v=3&amp;uin=168660460&amp;site=qq&amp;menu=yes">
                          <img border="0" src="http://www.51qianduan.com//pa?p=2:168660460:41" alt="点击这里给我发消息" title="点击这里给我发消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.51qianduan.com//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.51qianduan.com//pa?p=2:168660460:41" alt="点击这里给我发消息" title="点击这里给我发消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.51qianduan.com//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.51qianduan.com//pa?p=2:168660460:41" alt="点击这里给我发消息" title="点击这里给我发消息">
                          <span>方雨</span>
                    	</a>
                    </p>       
                    <p>                        
                        <a target="_blank" href="http://www.51qianduan.com//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.51qianduan.com//pa?p=2:168660460:41" alt="点击这里给我发消息" title="点击这里给我发消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.51qianduan.com//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.51qianduan.com//pa?p=2:168660460:41" alt="点击这里给我发消息" title="点击这里给我发消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.51qianduan.com//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.51qianduan.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.51qianduan.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.51qianduan.com//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.51qianduan.com//pa?p=2:168660460:41" alt="点击这里给我发消息" title="点击这里给我发消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.51qianduan.com//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.51qianduan.com//pa?p=2:168660460:41" alt="点击这里给我发消息" title="点击这里给我发消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.51qianduan.com//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.51qianduan.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://51qianduan.com/">给我们留言</a></p>
                </div>
            </div>
            <div class="content_bottom"></div>
        </div>
    </div>
    <div class="show_btn"><span>展开客服</span></div>
</div>
<!-- E 客服 -->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 收缩展开 展开收缩 收缩 展开 浮动提示框 在线客服 浮动菜单 浮动导航 收缩菜单 收缩导航 qq在线客服 qq客服 在线客服插件

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到