/*
* 版本:懒人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("
");
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);