特效介绍
固定在右下角的兼容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文件,修改图片上的信息。
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!