主题:[原创]浮动QQ客服(不会被浏览器当广告过滤的!)
目前的很多客服QQ的浮动层都会被Maxthon浏览器当作广告被过滤掉!而这个是不被过滤的!兼容IE和FireFox!
演示地址:
[url=http://www.lxasp.com/_DEMO/qqkf/]http://www.lxasp.com/_DEMO/qqkf/[/url]
[quote]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>浮动层</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
var LXobjfla; var LXtheTop = 250;var LXtheOldTop = LXtheTop
function startLXflaDiv() {
var tt=10;
if (window.innerHeight) { pos = window.pageYOffset }
else if (document.documentElement && document.documentElement.scrollTop) { pos = document.documentElement.scrollTop }
else if (document.body) { pos = document.body.scrollTop; }
pos=pos-LXobjfla.offsetTop+LXtheTop;
pos=LXobjfla.offsetTop+pos/10;
if (pos < LXtheTop) pos = LXtheTop;
if (pos != LXtheOldTop) {
LXobjfla.style.top = pos+"px";
tt=10;
}
LXobjfla.style.left=(document.body.clientWidth-105)+"px";
LXtheOldTop = pos;
setTimeout(startLXflaDiv,tt);
}
function initLXflaDiv(id,html) {
var n=document.createElement("div");
n.setAttribute("id",id);
n.style.position="absolute";
n.style.top=LXtheTop+"px";
n.style.width="120px";
n.style.background="none";
n.style.left=(document.body.clientWidth-105)+"px";
n.innerHTML=html;
document.body.appendChild(n);
}
//!]]>
</script>
</head>
<body>
<script type="text/javascript">
initLXflaDiv("flvLXfla","<iframe src='qqkefu.htm' width='100' height='80' marginwidth='0' marginheigh='0' hspace='0' vspace='0' frameborder='0' scrolling='no'></iframe>");
LXobjfla=document.getElementById("flvLXfla");startLXflaDiv();
</script>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
[/quote]
演示地址:
[url=http://www.lxasp.com/_DEMO/qqkf/]http://www.lxasp.com/_DEMO/qqkf/[/url]
[quote]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>浮动层</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
var LXobjfla; var LXtheTop = 250;var LXtheOldTop = LXtheTop
function startLXflaDiv() {
var tt=10;
if (window.innerHeight) { pos = window.pageYOffset }
else if (document.documentElement && document.documentElement.scrollTop) { pos = document.documentElement.scrollTop }
else if (document.body) { pos = document.body.scrollTop; }
pos=pos-LXobjfla.offsetTop+LXtheTop;
pos=LXobjfla.offsetTop+pos/10;
if (pos < LXtheTop) pos = LXtheTop;
if (pos != LXtheOldTop) {
LXobjfla.style.top = pos+"px";
tt=10;
}
LXobjfla.style.left=(document.body.clientWidth-105)+"px";
LXtheOldTop = pos;
setTimeout(startLXflaDiv,tt);
}
function initLXflaDiv(id,html) {
var n=document.createElement("div");
n.setAttribute("id",id);
n.style.position="absolute";
n.style.top=LXtheTop+"px";
n.style.width="120px";
n.style.background="none";
n.style.left=(document.body.clientWidth-105)+"px";
n.innerHTML=html;
document.body.appendChild(n);
}
//!]]>
</script>
</head>
<body>
<script type="text/javascript">
initLXflaDiv("flvLXfla","<iframe src='qqkefu.htm' width='100' height='80' marginwidth='0' marginheigh='0' hspace='0' vspace='0' frameborder='0' scrolling='no'></iframe>");
LXobjfla=document.getElementById("flvLXfla");startLXflaDiv();
</script>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
[/quote]