我爱模板网 > 特效插件 > 在线客服 >  固定在右下角的兼容IE6在线QQ客服正文

固定在右下角的兼容IE6在线QQ客服

特效介绍
QQ在线客服代码

        固定在右下角的兼容IE6在线QQ客服,点击后弹出QQ聊天窗口,点击图片右上角的红叉可关闭客服。带PSD源文件,可以直接修改图片内容。
使用方法
1、引入下面的js和css文件:
<link href="fudong/fudong.css" rel="stylesheet" type="text/css" />
<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="fudong/mootools-yui-compressed.js" type="text/javascript"></script>
2、在页面底部放入下面代码,修改543031222为您的QQ号。
<script type="text/javascript" language="javascript">
    (function () {
        var $backToTopTxt = "qq联系交流", $backToTopEle = new Element("div", { "id": "div_backToTop", "class": "backToTop", title: $backToTopTxt }).set("text", $backToTopTxt).addEvent("click", function () {
        }).inject(document.body), $backToTopFun = function () {
            var st = document.getScroll().y, winh = window.getSize().y;
            //                    (st > 0) ? $backToTopEle.setStyle("display", "block") : $backToTopEle.setStyle("display", "block");
            //IE6下的定位
            if (!window.XMLHttpRequest) {
                $backToTopEle.setStyle("top", st + winh - 166);
            }
        };
        window.addEvents({
            scroll: $backToTopFun,
            domready: $backToTopFun
        });
    })();

    $(".backToTop").html("<div onClick=\"MyClose()\" class=\"divQQclose\">关闭&nbsp;</div><a href=\"http://wpa.qq.com/msgrd?v=3&uin=543031222&site=qq&menu=yes\" title=\"点击这里开始咨询\" style=\"color: #fff; text-decoration: none\" target=\"_blank\"><div class=\"divQQ\">&nbsp;</div></a>")
    function MyClose() {
        $(".backToTop").hide();
    }
    $('.menu').fixpng();
</script>
3、用Adobe Photoshop打开kfqq.psd文件,修改图片上的信息。


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:黑色大气漂亮的网页在线客服和联系方式 下一篇:书签样式在线QQ客服,带PSD源文件
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢