div悬浮在右下角
时间：2010-08-24 来源：kwm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="Text/javascript">
window.onscroll=function()
{
var oWatermark=document.getElementById("divWatermark");
oWatermark.style.top=document.body.scrollTop+document.body.clientHeight-"30";
// TOP和BOTTOM的差异，呼呼，折腾一上午，谨记！！
}
</script>
<style type="text/css">
.divcss
{
position:absolute;
bottom:0px;
right:0px;
color:#CCCCCC;
width:150px;
background-color:navy
}
</style>
</HEAD>
<BODY>
<div id="divWatermark" class="divcss">Watermark</div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>11</p>
<p>12</p>
<p>13</p>
</BODY>
</HTML>
相关阅读 更多 +
