/* * 版本:懒人QQ在线客服 beta v0.01 * 日期:2013-05-13 */ ;(function ($) { $.fn.lrkf = function (options) { var opts={ skin:'lrkf_green1', direction:'left', position:'fixed', btnText:'客服在线', foot:'', qqs:[{'name':'普润德','qq':'190346564'}], tel:'', qrCode:'', more:null, kfTop:'120', z:'99999', defShow:true, diyCon:"", Event:'', root:'./', callback:function(){} },$body = $("body"); $.extend(opts,options); //插入html结构和基础css if(!$("#lrkfwarp").length){ $body.append("
"+opts.btnText+"
"+opts.foot+"
"); loadCss(opts.root+"lrkf.css"); //打开页面时浏览器动态的加载.css 文件 loadCss(opts.root+opts.skin+".css"); //打开页面时浏览器动态的加载.css 文件 } $(window).load(function(){ init() }); function init(){ var $lrKfWarp = $("#lrkfwarp"), $lrKf_con = $lrKfWarp.find(".lrkf_con"), $kfList = $lrKf_con.children("ul"), $lrKf_x = $lrKfWarp.find(".lrkf_x"), $lrKf_btn = $lrKfWarp.find(".lrkf_btn"), $lrKfWarp_w = $lrKfWarp.outerWidth()-0; $lrKfWarp.css({top:opts.kfTop+"px",'z-index':opts.z}); if (!opts.defShow){ (opts.direction == "right") ? $lrKfWarp.removeClass("lrkfshow").css({right:-$lrKfWarp_w}) : $lrKfWarp.removeClass("lrkfshow").css({left:-$lrKfWarp_w}); } //自定义内容 if(!opts.diyCon){ $.each(opts.qqs,function (i,o) { $kfList.append("
  • "+o.name+"
  • "); }); if(opts.tel){ $kfList.append("
  • "); $.each(opts.tel,function (i,o) { $kfList.append("
  • "+o.name+":"+o.tel+"
  • "); }); } if(opts.qrCode){ $kfList.append("
  • "); } if(opts.more){ $kfList.append("
  • >>更多方式
  • "); } }else{ $lrKf_con.html(opts.diyCon); } //IE6随屏幕滚动 if (isIe6() || opts.position=='absolute'){ var $lrKfWarpTop = $lrKfWarp.offset().top; $(window).scroll(function() { var offsetTop = $lrKfWarpTop + $(window).scrollTop() +"px"; $lrKfWarp.animate({top:offsetTop},{duration:600,queue:false }); }); } $lrKf_x.click(function(){ $lrKfWarp.hide(); return false; }); if(opts.Event==''||opts.Event=='hover'){ $lrKfWarp.mouseenter(function(){ (opts.direction == "right") ? $(this).stop().animate({right:0}) : $(this).stop().animate({left:0}); }).mouseleave(function(){ (opts.direction == "right") ? $(this).stop().animate({right:-$lrKfWarp_w}) : $(this).stop().animate({left:-$lrKfWarp_w}); }); }else{ $lrKf_btn.on("click", function(){ $lrKfWarp.hasClass("lrkfshow") ? $lrKfWarp.animate({right:-$lrKfWarp_w},function(){$lrKfWarp.removeClass("lrkfshow")}) : $lrKfWarp.addClass("lrkfshow").animate({right:0}); return false; }); }//判断是单击显示还是滑过显示。 opts.callback(); } }; //IE6判断 function isIe6(){ return !("maxHeight" in document.createElement("div").style); } function loadCss(filename){ var fileRef; fileRef=document.createElement("link"); fileRef.setAttribute("rel", "stylesheet"); fileRef.setAttribute("type", "text/css"); fileRef.setAttribute("href", filename); if (typeof fileRef!="undefined") { document.getElementsByTagName("head")[0].appendChild(fileRef) } } })(jQuery);