javascript写一个浮动div
要完成此效果需要三个步骤
第一步:把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="JavaScript">
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
function setVariables() {
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
imgwidth=235;
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
imgheight=19;
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
if (navigator.appName == "Netscape") {
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
horz=".left";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
vert=".top";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
docStyle="document.";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
styleDoc="";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
innerW="window.innerWidth";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
innerH="window.innerHeight";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
offsetX="window.pageXOffset";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
offsetY="window.pageYOffset";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
else {
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
horz=".pixelLeft";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
vert=".pixelTop";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
docStyle="";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
styleDoc=".style";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
innerW="document.body.clientWidth";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
innerH="document.body.clientHeight";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
offsetX="document.body.scrollLeft";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
offsetY="document.body.scrollTop";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
function checkLocation() {
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
objectXY="branding";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
var availableX=eval(innerW);
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
var availableY=eval(innerH);
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
var currentX=eval(offsetX);
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
var currentY=eval(offsetY);
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
x=availableX-(imgwidth+30)+currentX;
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
y=availableY-(imgheight+65)+currentY;
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
evalMove();
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
setTimeout("checkLocation()",10);
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
function evalMove() {
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</script>
第二步:把如下代码加入到<body>区域中
<div id="branding" style="position:absolute; visibility:show; left:235px; top:50px; z-index:2">
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<table width=10 ><td>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<a href="http://free.2259.com/" onmouseover="window.status='Typhoon Start';return true" onmouseout="window.status='';return true"><center>
<img src="2259.gif" border="0">
</center></a></font></td>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</table>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</div>
第三步:把“onload="setVariables(); checkLocation();"”加到<body>标记中
例如:<body onload="setVariables(); checkLocation();">
第一步:把如下代码加入到<head>区域中
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
第二步:把如下代码加入到<body>区域中
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
第三步:把“onload="setVariables(); checkLocation();"”加到<body>标记中
例如:<body onload="setVariables(); checkLocation();">
我是无聊的人,所以做无聊的事情。