• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 在线客服 >  jQuery蓝色右浮动在线正文

jQuery蓝色右浮动在线QQ客服源码免费下载

作者:我爱模版网
大小:0MB
点击次数:
发布时间:2014-02-14 13:52
分享到:

特效介绍

jquery蓝色在线QQ客服

jQuery蓝色右浮动,带关闭按钮的在线QQ客服源码免费下载,兼容IE6+

使用方法

1、在网站头部引入下面的代码:
<link rel="stylesheet" href="css/base.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
2、把以下代码拷贝到你想引用的地方
<div id="cus_ser">
  <div class="cus_ser_">
    <div class="title"></div>
    <ul>
      <li id="zqq"><a href="http://wp.qq.com/wpa/qunwpa?idkey=6fcb83942dc3630777ae7745bd5093a1a5917f915f4e95cfc498633379ebfbb4" target="_blank">543031222</a></li>
      <li id="zphone">000000000</li>
      <li id="wb"><a href="http://t.qq.com/jqueryschool" target="_blank">腾讯微博</a>&nbsp;&nbsp;<a href="http://weibo.com/jqueryschool" target="_blank">新浪微博</a></li>
    </ul>
  </div>
  <span class="close"><img src="images/icon_close.png" /></span> </div>
<script>
$("#cus_ser .close").click(function() {
    $("#cus_ser").css({
        display: 'none'
    });
})
$("#cus_ser").mouseover(function() {
    $(this).stop();
    $(this).animate({
        width: 165
    },
    400, 'swing');
})
$("#cus_ser").mouseout(function() {
    $("#cus_ser").stop();
    $("#cus_ser").animate({
        width: 32
    },
    400, 'swing');
})
</script>


  • 本文标签:
  • 蓝色右浮动在线QQ客服,在线浮动QQ,浮动客服
橘黄色左侧弹出可折叠的js在线客服代码
右侧浮动可关闭打开的QQ在线客服