| Mozilla/Netscape | Firefox 3.0.x | Ok. |
| Firefox 2.0.x | Ok. | |
| Firefox 1.5 | Ok. | |
| Firefox 1.0.x | Ok. | |
| Microsoft | Internet Explorer 7.0 | Ok. |
| Internet Explorer 6.0 | Ok. | |
| Opera | Opera 9.x | Ok. |
| Opera 8.x | Ok. | |
| KHTML | Google Chrome 0.2.x.x | Ok. |
| Safari 3.1.2 | Ok. | |
| Konqueror 3.5.5 | Ok. |
html code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta name="description" content="涂聚文,捷为工作室,经营信息流,物流,人力资源流,资本流的系统解决方案的开发与设计和服务,geoVI studio.Geovin Du. Systems Solution to Fund flow,and Information flow,and Material flow,and Control flow,and Human Resource.Applied software development,design and service。.">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="vbscript">
'使用方法:使用include方法将本文件包含到程序文中,即在程序文的最后添加一行
'添加客服QQ方法:修改下面的adm_qq后面引号中的QQ号,多个QQ号用西文逗号隔开,QQ数量不限。
'如果你的网站的数据库中保存有QQ号,也可在这里直接读取数据库中的QQ

adm_qq="463588883,401620863"

QQ=split(adm_qq,",")
for N=0 to UBound(QQ)
MyQQ=MyQQ+QQ(N)+":"
next
</script>

<body>
<script>
var online= new Array();
if (!document.layers)
//document.write('<div id="floatdiv" style=" position:absolute; width:141px;height:50px;padding:1px;top:10px;left:605px">')
</script>
<div id="floatdiv" style="
position:absolute;
width:111px;height:50px;
padding:1px;
/*background:#FFFFFF;
border:2px solid #FFFFFF;*/
top:450px;
right:0px;
margin-right:1px;";
>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td width="100%"><img border=0 src=images/kefu_up.gif></td></tr>
<script src="http://webpresence.qq.com/getonline?Type=1&<%=Myqq%>"></script>
<% for N=0 to UBound(QQ) %>
<tr><td width="100%" background=images/kefu_middle.gif>
<script>
if (online[<%=n%>]==0)
document.write(" <img src=images/QQoffline.gif border=0><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='客服不在线,请留言'><%=QQ(n)%></a>");
else
document.write(" <img src=images/QQonline.gif border=0><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='在线即时交谈'><%=QQ(n)%></a>");
</script >
</td>
</tr>
<%next%>
<tr><td width="100%"><img border=0 src=images/kefu_down.gif></td></tr>
</table>
</div>
<span id="script_source"><script type="text/javascript" src="js/floatmenu.js"></script>
</span>
<script type="text/javascript" src="js/qq.js">
</script>






<script>
var online= new Array();
if (!document.layers)
//document.write('<div id="floatdiv" style=" position:absolute; width:141px;height:50px;padding:1px;top:10px;left:605px">')
</script>
<div id="floatdiv" style="
position:absolute;
width:111px;height:50px;
padding:1px;
/*background:#FFFFFF;
border:2px solid #FFFFFF;*/
top:450px;
right:0px;
margin-right:1px;";
>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td width="100%"><img border=0 src=images/kefu_up.gif></td></tr>
<script src="http://webpresence.qq.com/getonline?Type=1&<%=Myqq%>"></script>
<% for N=0 to UBound(QQ) %>
<tr><td width="100%" background=images/kefu_middle.gif>
<script>
if (online[<%=n%>]==0)
document.write(" <img src=images/QQoffline.gif border=0><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='客服不在线,请留言'><%=QQ(n)%></a>");
else
document.write(" <img src=images/QQonline.gif border=0><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='在线即时交谈'><%=QQ(n)%></a>");
</script >
</td>
</tr>
<%next%>
<tr><td width="100%"><img border=0 src=images/kefu_down.gif></td></tr>
</table>
</div>
<span id="script_source"><script type="text/javascript" src="js/floatmenu.js"></script>
</span>
<script type="text/javascript" src="js/qq.js">
</script>
</body>
</html>floatmenu.js code:
// JavaScript Document
<!--
/* Script by: www.dusystem.com
* Version: 20071017
* Latest version:
* www.dusystem.com/
*/
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
targetX: -110,//确定位置 X为横坐标 Y为纵坐标
targetY: 280,
hasInner: typeof(window.innerWidth) == 'number',
hasElement: typeof(document.documentElement) == 'object'
&& typeof(document.documentElement.clientWidth) == 'number',
menu:
document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId]
};
floatingMenu.move = function ()
{
floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}
floatingMenu.computeShifts = function ()
{
var de = document.documentElement;
floatingMenu.shiftX =
floatingMenu.hasInner
? pageXOffset
: floatingMenu.hasElement
? de.scrollLeft
: document.body.scrollLeft;
if (floatingMenu.targetX < 0)
{
floatingMenu.shiftX +=
floatingMenu.hasElement
? de.clientWidth
: document.body.clientWidth;
}
floatingMenu.shiftY =
floatingMenu.hasInner
? pageYOffset
: floatingMenu.hasElement
? de.scrollTop
: document.body.scrollTop;
if (floatingMenu.targetY < 0)
{
if (floatingMenu.hasElement && floatingMenu.hasInner)
{
// Handle Opera 8 problems
floatingMenu.shiftY +=
de.clientHeight > window.innerHeight
? window.innerHeight
: de.clientHeight
}
else
{
floatingMenu.shiftY +=
floatingMenu.hasElement
? de.clientHeight
: document.body.clientHeight;
}
}
}
floatingMenu.calculateCornerX = function()
{
if (floatingMenu.targetX != 'center')
return floatingMenu.shiftX + floatingMenu.targetX;
var width = parseInt(floatingMenu.menu.offsetWidth);
var cornerX =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageXOffset
: document.documentElement.scrollLeft) +
(document.documentElement.clientWidth - width)/2
: document.body.scrollLeft +
(document.body.clientWidth - width)/2;
return cornerX;
};
floatingMenu.calculateCornerY = function()
{
if (floatingMenu.targetY != 'center')
return floatingMenu.shiftY + floatingMenu.targetY;
var height = parseInt(floatingMenu.menu.offsetHeight);
// Handle Opera 8 problems
var clientHeight =
floatingMenu.hasElement && floatingMenu.hasInner
&& document.documentElement.clientHeight
> window.innerHeight
? window.innerHeight
: document.documentElement.clientHeight
var cornerY =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageYOffset
: document.documentElement.scrollTop) +
(clientHeight - height)/2
: document.body.scrollTop +
(document.body.clientHeight - height)/2;
return cornerY;
};
floatingMenu.doFloat = function()
{
var stepX, stepY;
floatingMenu.computeShifts();
var cornerX = floatingMenu.calculateCornerX();
var stepX = (cornerX - floatingMenu.nextX) * .07;
if (Math.abs(stepX) < .5)
{
stepX = cornerX - floatingMenu.nextX;
}
var cornerY = floatingMenu.calculateCornerY();
var stepY = (cornerY - floatingMenu.nextY) * .07;
if (Math.abs(stepY) < .5)
{
stepY = cornerY - floatingMenu.nextY;
}
if (Math.abs(stepX) > 0 ||
Math.abs(stepY) > 0)
{
floatingMenu.nextX += stepX;
floatingMenu.nextY += stepY;
floatingMenu.move();
}
setTimeout('floatingMenu.doFloat()', 20);
};
// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
if(typeof element[listener] != 'function' ||
typeof element[listener + '_num'] == 'undefined')
{
element[listener + '_num'] = 0;
if (typeof element[listener] == 'function')
{
element[listener + 0] = element[listener];
element[listener + '_num']++;
}
element[listener] = function(e)
{
var r = true;
e = (e) ? e : window.event;
for(var i = element[listener + '_num'] -1; i >= 0; i--)
{
if(element[listener + i](e) == false)
r = false;
}
return r;
}
}
//if handler is not already stored, assign it
for(var i = 0; i < element[listener + '_num']; i++)
if(element[listener + i] == handler)
return;
element[listener + element[listener + '_num']] = handler;
element[listener + '_num']++;
};
floatingMenu.init = function()
{
floatingMenu.initSecondary();
floatingMenu.doFloat();
};
// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
floatingMenu.computeShifts();
floatingMenu.nextX = floatingMenu.calculateCornerX();
floatingMenu.nextY = floatingMenu.calculateCornerY();
floatingMenu.move();
}
if (document.layers)
floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
floatingMenu.init();
floatingMenu.addEvent(window, 'onload',
floatingMenu.initSecondary);
}
//-->qq.js code:
// JavaScript Document 涂聚文 geovindu@163.com www.dusystem.com
<!--
function move_upper_left()
{
floatingMenu.targetX=10;
floatingMenu.targetY=10;
}
function move_upper_center()
{
floatingMenu.targetX='center';
floatingMenu.targetY=10;
}
function move_upper_right()
{
floatingMenu.targetX=-250;
floatingMenu.targetY=10;
}
function move_center_left()
{
floatingMenu.targetX=10;
floatingMenu.targetY='center';
}
function move_center_center()
{
floatingMenu.targetX='center';
floatingMenu.targetY='center';
}
function move_center_right()
{
floatingMenu.targetX=-250;
floatingMenu.targetY='center';
}
function move_lower_left()
{
floatingMenu.targetX=10;
floatingMenu.targetY=-110;
}
function move_lower_center()
{
floatingMenu.targetX='center';
floatingMenu.targetY=-110;
}
function move_lower_right()
{
floatingMenu.targetX=-250;
floatingMenu.targetY=-110;
}
//-->如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛