<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ">
<html xmlns=">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>漂浮層代碼-演示</title>
<script language="javascript" type="text/javascript">
var suspendDivWidth = "100"; //漂浮層寬度
var suspendDivHeight = "300"; //漂浮層高度
var qqNumberArray = new Array("1205640864","1491012702"); //QQ號碼列表
var lastScrollY=0;
function heartBeat(){
var diffY,percent;
if (document.documentElement && document.documentElement.scrollTop){
diffY = document.documentElement.scrollTop;
}
else if (document.body){
diffY = document.body.scrollTop;
}
else{
/*Netscape stuff*/
}
percent=.1*(diffY-lastScrollY);
if(percent>0){
percent=Math.ceil(percent);
}
else{
percent=Math.floor(percent);
}
document.getElementById("georgeFloatingLayer_Div1").style.top=parseInt(document.getElementById("georgeFloatingLayer_Div1").style.top)+percent+"px";
document.getElementById("georgeFloatingLayer_Div2").style.top=parseInt(document.getElementById("georgeFloatingLayer_Div1").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
//合成浮動層的內容
function getContentOfFloatingLayer(){
var floatingLayerContent = "";
for (var i in qqNumberArray){
floatingLayerContent = floatingLayerContent + "<a target=\"_blank\" href=\"><img border=\"0\" src=\" alt=\"點擊這里給我發消息\" title=\"點擊這里給我發消息\"></a><br />";
}
floatingLayerContent = "<fieldset id=\"georgeFloatingLayerFieldset\" style=\"-moz-border-radius:8px; text-align:center;\"><legend>在線聯系</legend>"+floatingLayerContent+"</fieldset>";
return floatingLayerContent;
}
var georgeFloatingLayer_1="<DIV id=\"georgeFloatingLayer_Div1\" style='left:0;POSITION:absolute;TOP:10px;width:0;height:0;border:0px;'></div>"
var georgeFloatingLayer_2="<DIV id=\"georgeFloatingLayer_Div2\" style='background-color:#FFFFFF;right:2px;POSITION:absolute;TOP:10px;width:"+suspendDivWidth+"px;height:"+suspendDivHeight+"px;border:0;'>"+getContentOfFloatingLayer()+"</div>";
document.write(georgeFloatingLayer_1);
document.write(georgeFloatingLayer_2);
window.setInterval("heartBeat()",1);
</script>
</head>
<body>
<div style="height:900px; background-color:#FF0000; border:solid #3399FF 1px;">ffffffffffff</div>
</body>
</html>