﻿
/*
JS Name: 悠然设计 网页右侧QQ在线客服悬浮JS代码
Version: 0.0.2
*/ 

document.writeln("<div class=\"qqbox\" id=\"divQQbox\">");
document.writeln("<div class=\"qqlv\" id=\"meumid\" onmouseover=\"show()\"><\/div>");
document.writeln("<div class=\"qqkf\" style=\"display:none;\" id=\"contentid\" onmouseout=\"hideMsgBox(event)\">");
document.writeln("<div class=\"qqkftop\"><\/div>");

//个人版
document.writeln("    <div class=\"qqkfbt\" onmouseout=\"showandhide(\'qq-\',\'qqkfbt\',\'qqkfbt\',\'K\',1,1);\" id=\"qq-1\" onfocus=\"this.blur();\">Welcome to our site<\/div>");
document.writeln("    <div id=\"K1\">");
document.writeln("      <div class=\"qqkfhm\"><a href='msnim:chat?contact=STG-sales01@hotmail.com' target='_blank'><img src=\'http:\/\/www.china-pcbassembly.com\/qq\/img1\/msn.gif\' alt='MSN Online Service' border=\'0\'> service 1 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm\"><a href='msnim:chat?contact=STG-sales06@hotmail.com' target='_blank'><img src=\'http:\/\/www.china-pcbassembly.com\/qq\/img1\/msn.gif\' alt='MSN Online Service' border=\'0\'> service 2 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm\"><a href=\'skype:STGPCBA?call\' title=\'Skype Service\' target='_blank'><img src=\'http:\/\/www.china-pcbassembly.com\/qq\/img1\/skype.gif\' border=\'0\'> service 1 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm\"><a href=\'skype:STGLily?call\' title=\'Skype Service\' target='_blank'><img src=\'http:\/\/www.china-pcbassembly.com\/qq\/img1\/skype.gif\' border=\'0\'> service 2 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm\"><a href=\'mailto:sales@stgpcba.com\' title=\'mailto:sales@stgpcba.com\' target='_blank'><img src=\'http:\/\/www.china-pcbassembly.com\/qq\/img1\/mail.gif\' border=\'0\'> sales@stgpcba.com <\/a><\/div>");
document.writeln("    <\/div>");

/*
//企业版
document.writeln("    <div class=\"qqkfbt\" onmouseout=\"showandhide(\'qq-\',\'qqkfbt\',\'qqkfbt\',\'K\',5,1);\" id=\"qq-1\" onfocus=\"this.blur();\">客 服 中 心<\/div>");
document.writeln("    <div id=\"K1\">");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("    <\/div>");
document.writeln("    <div class=\"qqkfbt\" onClick=\"showandhide(\'qq-\',\'qqkfbt\',\'qqkfbt\',\'K\',5,2);\" id=\"qq-2\" onfocus=\"this.blur();\">财 务 充 值<\/div>");
document.writeln("    <div id=\"K2\" style=\"display:none\">");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("      <div class=\"qqkfhm bgdh\"><a href=\'tencent:\/\/message\/?uin=94522049\' title=\'网站设计\'><img src=\'http:\/\/wpa.qq.com\/pa?p=1:94522049:4\' border=\'0\'> 网 站 设 计 <\/a> <\/div>");
document.writeln("    <\/div>");
*/

document.writeln("<div class=\"qqkfbottom\"> <\/div>");
document.writeln("<\/div>");
document.writeln("<\/div>");

document.writeln("<script>");
document.writeln("function showandhide(h_id,hon_class,hout_class,c_id,totalnumber,activeno) {");
document.writeln("    var h_id,hon_id,hout_id,c_id,totalnumber,activeno;");
document.writeln("    for (var i=1;i<=totalnumber;i++) {");
document.writeln("        document.getElementById(c_id+i).style.display=\'none\';");
document.writeln("        document.getElementById(h_id+i).className=hout_class;");
document.writeln("    }");
document.writeln("    document.getElementById(c_id+activeno).style.display=\'block\';");
document.writeln("    document.getElementById(h_id+activeno).className=hon_class;");
document.writeln("}");
document.writeln("");
document.writeln("var tips; ");
document.writeln("var theTop = 100;");
document.writeln("var old = theTop;");
document.writeln("function initFloatTips() ");
document.writeln("{ ");
document.writeln("	tips = document.getElementById(\'divQQbox\');");
document.writeln("	moveTips();");
document.writeln("}");
document.writeln("");
document.writeln("function moveTips()");
document.writeln("{");
document.writeln("	 	  var tt=50; ");
document.writeln("		  if (window.innerHeight) ");
document.writeln("		  {");
document.writeln("			  pos = window.pageYOffset  ");
document.writeln("		  }else if (document.documentElement && document.documentElement.scrollTop) {");
document.writeln("			 pos = document.documentElement.scrollTop  ");
document.writeln("		  }else if (document.body) {");
document.writeln("		    pos = document.body.scrollTop;  ");
document.writeln("		  }");
document.writeln("		  ");
document.writeln("		  pos=pos-tips.offsetTop+theTop; ");
document.writeln("		  pos=tips.offsetTop+pos\/10; ");
document.writeln("		  if (pos < theTop){");
document.writeln("			 pos = theTop;");
document.writeln("		  }");
document.writeln("		  if (pos != old) { ");
document.writeln("			 tips.style.top = pos+\"px\";");
document.writeln("			 tt=10;  \/\/alert(tips.style.top);  ");
document.writeln("		  }");
document.writeln("		  old = pos;");
document.writeln("		  setTimeout(moveTips,tt);");
document.writeln("}");
document.writeln("initFloatTips();");
document.writeln("");
document.writeln("	if(typeof(HTMLElement)!=\"undefined\")    \/\/给firefox定义contains()方法，ie下不起作用");
document.writeln("		{  ");
document.writeln("		  HTMLElement.prototype.contains=function (obj)  ");
document.writeln("		  {  ");
document.writeln("			  while(obj!=null&&typeof(obj.tagName)!=\"undefind\"){ \/\/通过循环对比来判断是不是obj的父元素");
document.writeln("	   　　 　if(obj==this) return true;  ");
document.writeln("	   　　　	　obj=obj.parentNode;");
document.writeln("	   　　	  }  ");
document.writeln("			  return false;  ");
document.writeln("		  }");
document.writeln("	}");
document.writeln("");
document.writeln("function show()");
document.writeln("{");
document.writeln("	document.getElementById(\"meumid\").style.display=\"none\"");
document.writeln("	document.getElementById(\"contentid\").style.display=\"block\"");
document.writeln("}");
document.writeln("	function hideMsgBox(theEvent){");
document.writeln("	  if (theEvent){");
document.writeln("		var browser=navigator.userAgent;");
document.writeln("		if (browser.indexOf(\"Firefox\")>0){  \/\/如果是Firefox");
document.writeln("		    if (document.getElementById(\"contentid\").contains(theEvent.relatedTarget)) {  \/\/如果是子元素");
document.writeln("				return");
document.writeln("			}");
document.writeln("		}");
document.writeln("		if (browser.indexOf(\"MSIE\")>0 || browser.indexOf(\"Presto\")>=0){  \/\/如果是IE");
document.writeln("	        if (document.getElementById(\'contentid\').contains(event.toElement)) {  \/\/如果是子元素");
document.writeln("			    return;  \/\/结束函式");
document.writeln("		    }");
document.writeln("		}");
document.writeln("	  }");
document.writeln("	  document.getElementById(\"meumid\").style.display = \"block\";");
document.writeln("	  document.getElementById(\"contentid\").style.display = \"none\";");
document.writeln(" 	}");
document.writeln("<\/script>");
