<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type='text/css'>
#loadnews {
width:200px;
position:fixed;
z-index:200;
top:10px;
border:1px #ccc solid;
background:#fff;
right:10px;
}
* html #loadnews {
position:absolute;top: expression(( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 10 + 'px');
}
</style>
</head>
<body>
<div id="loadnews">
<p style='width:100%;text-align:center;color:blue;margin:5px 0;'><img src="images/load.gif" width="15" height="15" align="absmiddle" /> 数据加载中，请稍等...</p>
</div>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>13</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>15</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>14</p>
<p>1</p>
<p>1</p>
</body>
</html>
代码2
<!DOCTYPE html PUBLIC"-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/strict.dtd">
<html id="oHTML" xmlns="http://www.w3c.org/1999/xhtml">
<head><title></title>
<style type="text/css">
html{overflow: hidden}
body{overflow: auto;}
*{margin:0 auto;padding:0 auto}
#aa{height:30px;border:1px solid red;position:absolute;bottom:0px;left:0px;width:100%}
</style>
</head>
<body id="ll">
<div id="aa">在底部</div>
<span id="ss"></span>
<script language="javascript">
window.onload = function()
{
var bodyH, htmlH;
htmlH = document.getElementById("oHTML").offsetHeight;
bodyH = (htmlH - 4) + "px";
document.getElementById("ll").style.height = bodyH;
}
function showT(iData)
{
var s, i;
var a = [];
a.push("<table width=\"200\">");
for (i = 1; i <= iData; i++)
{
s = "<tr><td align=\"center\">" + i + "</td></tr>";
a.push(s);
}
a.push("</table>");
s = a.join("");
document.getElementById("ss").innerHTML = s;
}
showT(100)
</script>
</body></html>
