浮动框代码

最新推荐文章于 2022-10-04 21:11:39 发布

hawk1404

最新推荐文章于 2022-10-04 21:11:39 发布

阅读量148

点赞数

分类专栏：网页制作代码库

本文链接：https://blog.csdn.net/hawk1404/article/details/17278213

版权

网页制作代码库专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>

<script type="text/javascript">
//<![CDATA[
var tips; var theTop = 200/*这是默认高度,越大越往下*/; var old = theTop;
function initFloatTips() {
tips = document.getElementById('floatTips');
moveTips();
};
function moveTips() {
var tt=50;
if (window.innerHeight) {
    pos = window.pageYOffset
}
else if (document.documentElement && document.documentElement.scrollTop) {
    pos = document.documentElement.scrollTop
}
else if (document.body) {
    pos = document.body.scrollTop;
}
pos=pos-tips.offsetTop+theTop;
pos=tips.offsetTop+pos/10;
if (pos < theTop) pos = theTop;
if (pos != old) {
    tips.style.top = pos+"px";
    tt=10;
}
old = pos;
setTimeout(moveTips,tt);
}
//!]]>
</script>
<style type="text/css">
div#floatTips{
position:absolute;
border:solid 1px #777;
padding:3px;
top:250px;
right:10px;
width:100px;
background:#cccccc;
color:white;
}
</style>
</head>
<body onload="initFloatTips()">
<div id="floatTips">
浮动层sadasdasdasdasdsad
<p>asdasdad</p> <p>asdasdad</p> <p>asdasdad</p> <p>asdasdad</p> <p>asdasdad</p>
</div>

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F7F7F7">
<tr>
    <td height="2101"></td>
</tr>
</table>
</body>
</html>