62,046
社区成员
发帖
与我相关
我的任务
分享
<script language="javascript" type="text/javascript">
</script>
<html>
<head>
<title>层浮动</title>
</head>
<script type="text/javascript">
function btnShow()
{
var obj = document.getElementById("FloatDiv");
if (obj.style.display == "block")
{
obj.style.display = "none";
}
else
{
obj.style.display = "block";
obj.style.top = document.body.scrollTop + 20;
setInterval("play()", 10);
}
}
function play()
{
var obj = document.getElementById("FloatDiv");
obj.style.top = document.body.scrollTop + document.body.clientHeight - 198;
}
</script>
<style type="text/css">
#FloatDiv { width: 200px; height: 200px; float: left; top: 0px; left: 0px; position: absolute; z-index: 100; background-color: #0099CC; display: none; }
</style>
<body style="height:3000px;">
<input type="button" value="显示" id="btnShow" name="btnShow" onclick="return btnShow();" />
<div id="FloatDiv">
显示内容
</div>
1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />
</body>
</html>
<div style="position:absolute;top:80px; right:0px;">
</div>