固定在右下角的兼容IE6在线QQ客服
- 作者：网页模板
- 大小：0.377MB
- 点击次数：
- 发布时间：2014-05-13 11:39
特效介绍
固定在右下角的兼容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\">关闭 </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\"> </div></a>")
function MyClose() {
$(".backToTop").hide();
}
$('.menu').fixpng();
</script>
3、用Adobe Photoshop打开kfqq.psd文件，修改图片上的信息。- 本文标签：
- jquery在线QQ客服
