浮动div代码

合集下载

div中float的用法

div中float的用法在网页设计中，div是一个非常重要的标签，它可以用来创建各种不同的布局和样式。

而其中的float属性更是被广泛应用于网页布局中。

float属性可以让元素浮动在其容器中的左侧或右侧，从而实现多列布局或图文混排的效果。

在使用float属性时，需要注意以下几点：1. 清除浮动：当一个元素设置了float属性后，其容器的高度将会塌陷，导致容器无法正常显示。

为了解决这个问题，可以在容器的末尾添加一个空的div，并设置clear属性为both，从而清除浮动。

2. 浮动方向：float属性可以设置为left或right，分别表示元素向左浮动或向右浮动。

当多个元素设置了float属性时，它们会按照设置的顺序依次浮动。

3. 宽度设置：在使用float属性时，需要为浮动元素设置一个固定的宽度。

如果不设置宽度，浮动元素将会自动收缩到适应内容的宽度。

4. 元素排序：使用float属性可以实现多列布局，通过设置不同元素的浮动方向和宽度，可以实现不同列的排列。

例如，可以将一个div设置为float:left，宽度为30%，将另一个div设置为float:right，宽度为70%，从而实现两列布局。

5. 清除浮动：在使用float属性时，需要注意清除浮动。

如果不清除浮动，容器的高度将会塌陷，导致布局混乱。

可以使用clear属性来清除浮动，常见的清除浮动的方法有：在浮动元素的容器末尾添加一个空的div，并设置clear属性为both；或者在容器的样式中添加overflow:auto属性。

总结起来，div中float的用法主要包括设置浮动方向、宽度和清除浮动。

通过合理地运用float属性，可以实现各种不同的网页布局效果。

然而，需要注意的是，float属性在一些情况下可能会带来一些问题。

例如，当浮动元素高度不一致时，容器的高度可能无法正常显示；当浮动元素超出容器时，容器可能无法自动扩展以适应内容。

为了解决这些问题，可以使用clearfix类来清除浮动，或者使用flexbox布局来代替float属性。

7 浮动

clear属性
值
left right both none
说明
在左侧不允许浮动元素在右侧不允许浮动元素在左、右两侧不允许浮动元素默认值。允许浮动元素出现在两侧
示例
img { clear:both; }
清除两侧浮动
清除左右浮动
依次清除文本的左右浮动
.layer04 { border:1px #666 dashed; font-size:12px; line-height:23px; clear:left; } } .layer04 { border:1px #666 dashed; font-size:12px; line-height:23px; clear:right;
清除左浮动
清除右浮动
演示示例4：清除左右浮动
清除两测浮动
清除两侧浮动
示例
.layer01 .layer04 { border:1px #F00 #666 dashed; float:left; font-size:12px; } } line-height:23px; clear:both;
演示示例5：清除两侧浮动
设置右浮动
依次设置layer01和layer02右浮动
示例
.layer01 { border:1px #F00 dashed; float:right;
}
.layer02 { border:1px #00F dashed; float:right;
}
右浮动
右浮动
演示示例3：设置图片右浮动
清除浮动
演示示例1：浮动示例原始代码
设置左浮动
依次设置三个图片所在<div>左浮动
示例左浮动
.layer01 { 左浮动

网页浮动窗口代码

1. 右栏浮动广告QUOTE:<script language=javascript>var specialcode="<DIV id=searchspe style='Z-INDEX: 100; right: 1px; POSITION: absolute; TOP: 180px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='border-left:1px solid #2E6287;border-top:1px solid #2E6287;border-right:1px solid #2E6287;font-size:12px;color:#ffffff; border-bottom-color:#2E6287; border-bottom-width:1px'><TR bgcolor=#2E6287><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关闭</TD></TR></TABLE><table border='1' width='150' id='table1' height='500' bordercolor='#2E6287'><tr><td>广告内容</td></tr></table></DIV>";document.write(specialcode);lastScrollY=0;functionheartBeat0(){diffY=document.body.scrollTop;percent=.1*(diffY-lastScrollY);if(percent>0)percen t=Math.ceil(percent);elsepercent=Math.floor(percent);document.all.searchspe.style.pixelTop+=percent;lastScrollY=lastScr ollY+percent;}window.setInterval("heartBeat0()",1);</script>2.左栏浮动广告QUOTE:<script language=javascript>var specialcode="<DI V id=searchspe style='Z-INDEX: 100; left: 1px; POSITION: absolute; TOP: 50px;'><TABLE cellSpacing=0 cellPadding=0 width=360 style='border-left:1px solid #333333;border-top:1px solid #333333;border-right:1px solid #333333;font-size:12px;color:#ffffff'><TR bgcolor=#2E6287><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关闭</TD></TR></TABLE><table border='1' width='150' id='table1' bordercolor='#2E6287' height='500'><tr><td>广告内容</td></tr></table></DIV>";document.write(specialcode);lastScrollY=0;functionheartBeat0(){diffY=document.body.scrollTop;percent=.1*(diffY-lastScrollY);if(percent>0)percen t=Math.ceil(percent);elsepercent=Math.floor(percent);document.all.searchspe.style.pixelTop+=percent;lastScrollY=lastScr ollY+percent;}window.setInterval("heartBeat0()",1);</script>3.左栏固定广告QUOTE:<DIV id=searchspe style='Z-INDEX: 100; left: 1px; POSITION: absolute; TOP: 50px;'><TABLE cellSpacing=0 cellPadding=0 width=360 style='border-left:1px solid #333333;border-top:1px solid #333333;border-right:1px solid #333333;font-size:12px;color:#ffffff'><TR bgcolor=#2E6287><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关闭</TD></TR></TABLE>广告内容</DIV>4.右栏固定广告QUOTE:<DIV id=searchspe style='Z-INDEX: 100; right: 1px; POSITION: absolute; TOP: 50px;'><TABLE cellSpacing=0 cellPadding=0 width=360 style='border-left:1px solid #333333;border-top:1px solid #333333;border-right:1px solid #333333;font-size:12px;color:#ffffff'><TR bgcolor=#2E6287><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关闭</TD></TR></TABLE>广告内容</DIV>5.漂浮广告代码QUOTE:<div id="img" style="position:absolute;; width: 200; height: 151">广告内容</div><script LANGUAGE="JavaScript">var xPos = 20;var yPos = 10;img.style.left= xPos;img.style.top = yPos;var step = 1;var delay = 30;var width,height,Hoffset,Woffset;var y = 1;var x = 1;var interval;img.visibility = "visible";function changePos(){width = document.body.clientWidth;height = document.body.clientHeight;Hoffset = img.offsetHeight;Woffset = img.offsetWidth;if (y){yPos = yPos + step;}else{yPos = yPos - step;}if (yPos < 0){y = 1;yPos = 0;}if (yPos >= (height - Hoffset)){y = 0;yPos = (height - Hoffset);}if (x){xPos = xPos + step;}else{xPos = xPos - step;}if (xPos < 0){x = 1;xPos = 0;}if (xPos >= (width - Woffset)){x = 0;xPos = (width - Woffset);}img.style.left = xPos + document.body.scrollLeft; img.style.top = yPos + document.body.scrollTop; }function start(){interval = setInterval('changePos()', delay);}function pause_resume(){clearInterval(interval);}start();</script>6.固定对联QUOTE:<DIV id=searchspe style='Z-INDEX: 100; right: 5px; POSITION: absolute; TOP: 50px;'><TABLE cellSpac ing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#C54A00><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关闭</TD></TR></TABLE>广告内容</DIV><DIV id=searchspe2 style='Z-INDEX: 100; left: 5px; POSITION: absolute; TOP: 50px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#12BDFF><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe2.style.visibility='hidden' width=30>关闭</TD></TR></TABLE>广告内容</DIV>7.随动对联QUOTE:<script language=javascript>function close163news(){searchspe.style.visibility='hidden';searchspe2.style.visibility='hidden';} var specialcode="<DIV id=searchspe style='Z-INDEX: 100; right: 1px; POSITION: absolute; TOP: 30px;'><TABLE cellSpac ing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#C54A00><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick='close163news()' width=30>关闭</TD></TR></TABLE>广告内容</DIV>";document.write(specialcode);lastScrollX=0;function heartBeat0(){diffY=document.body.scrollTop;percent=.1*(diffY-lastScrollX);if(percent>0)percen t=Math.ceil(percent);elsepercent=Math.floor(percent);document.all.searchspe.style.pixelTop+=percent;lastScrollX=lastScr ollX+percent;}window.setInterval("heartBeat0()",1);var specialcode2="<DIV id=searchspe2 style='Z-INDEX: 100; left: 1px; POSITION: absolute; TOP: 30px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#12BDFF><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick='close163news()' width=30>关闭</TD></TR></TABLE>广告内容</DIV>";document.write(specialcode2);lastScrollY=0;function heartBeat1(){diffY=document.body.scrollTop;percent=.1*(diffY-lastScrollY);if(percent>0)percen t=Math.ceil(percent);elsepercent=Math.floor(percent);document.all.searchspe2.style.pixelTop+=percent;lastScrollY=lastSc rollY+percent;}window.setInterval("heartBeat1()",1);</script>8.qq好友上线广告代码QUOTE:<DIV id=eMengstyle="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 64px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 168px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 374px; HEIGHT: 115px; BACKGROUND-COLOR: #c9d3f3"><TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#cfdef4 border=0><TBODY><TR><TDstyle="FONT-SIZE: 12px; BACKGROUND-IMAGE: none; COLOR: #0f2c8c"width=30 height=24> </TD><TDstyle="PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; COLOR: #1f336b; PADDING-TOP: 4px"vAlign=center width="100%"><span class="style13">本站提示</span></TD><TD vAlign=center align=right width=19 2px? padding-top: 2px;padding-right:><SPAN title=关闭style="FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px"onclick=closeDiv()>×</SPAN></TD></TR><TR><TDstyle="PADDING-RIGHT: 1px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px" colSpan=3 height=90><DIVstyle="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%"><div align="left"> <span style="text-decoration: none"><FONTcolor=#FF0000>仿造qq好友上线<br><center> </center></FONT></span></div></DIV></td></tr></table><SCRIPT language=JavaScript>window.onload = getMsg;window.onresize = resizeDiv;window.onerror = function(){}var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;function getMsg(){try{divTop = parseInt(document.getElementById("eMeng").style.top,10)divLeft = parseInt(document.getElementById("eMeng").style.left,10)divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)docWidth = document.body.clientWidth;docHeight = document.body.clientHeight;document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeightdocument.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidthdocument.getElementById("eMeng").style.visibility="visible"objTimer = window.setInterval("moveDiv()",10)}catch(e){}}function resizeDiv(){try{divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)docWidth = document.body.clientWidth;docHeight = document.body.clientHeight;document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)}catch(e){}}function moveDiv(){try{if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10))){window.clearInterval(objTimer)objTimer = window.setInterval("resizeDiv()",1)}divTop = parseInt(document.getElementById("eMeng").style.top,10)document.getElementById("eMeng").style.top = divTop - 1}catch(e){}}function closeDiv(){document.getElementById('eMeng').style.visibility='hidden';if(objTimer) window.clearInterval(objTimer)}</SCRIPT>9:网页中的分享代码：<div id="ckepop"><a title="分享到新浪微博" class="jiathis_button_tsina"></a><a title="分享到QQ收藏" class="jiathis_button_qq"></a><a title="分享到开心网" class="jiathis_button_kaixin001"></a><a title="分享到人人网" class="jiathis_button_renren"></a><span class="separator">|</span><a href="/share/" class="jiathis button jtico jtico_more" target="_blank">更多</a> </div> <script type="text/javascript" src="/code/jia.js" charset="utf-8 "></script>是不是觉得图标太少了？来分析下这段JS。

前端清除浮动的方法

前端清除浮动的方法清除浮动是前端开发中常见的问题，下面列举了50种前端清除浮动的方法，并为每种方法进行详细描述。

1. 使用空 div 清除浮动在浮动元素后增加一个空的 div 标签，设置 clear:both，来清除浮动。

2. 使用clearfix 类清除浮动在父元素上定义一个类clearfix，设置 clear:both，然后将该类应用到需要清除浮动的父元素上。

3. 使用overflow: auto 清除浮动在父元素上设置 overflow: auto，使其创建一个包含块来清除浮动。

4. 使用overflow: hidden 清除浮动在父元素上设置 overflow: hidden，使其创建一个包含块来清除浮动。

5. 使用:after 伪元素清除浮动在父元素上使用:after 伪元素，设置 content: '', display:block, clear:both来清除浮动。

6. 使用:before 和:after 伪元素清除浮动在父元素上使用:before 和:after 伪元素，设置 content: '', display:table, clear:both来清除浮动。

7. 使用 clearfix 插件清除浮动可以使用一些现成的 clearfix 插件或者库来方便地清除浮动，比如 Bootstrap 提供的 .clearfix 类。

8. 使用父容器添加 overflow: hidden 清除浮动在父容器上添加 overflow: hidden，来清除浮动。

9. 使用父容器添加 display: table 清除浮动在父容器上添加 display: table，来清除浮动。

10. 使用 BFC（Block Formatting Context）清除浮动在父元素上创建 BFC，可以通过一些方式实现，如设置 float、position:absolute、display:table、display: inline-block 等。

float在html中的用法

float在html中的用法在HTML中，float是一种常用的CSS属性，用于控制元素在页面中的位置和布局。

通过设置float属性，可以让元素浮动到页面的左侧或右侧，从而实现多列布局、文字环绕图片等效果。

本文将详细介绍float在HTML中的用法和注意事项。

一、float的基本用法float属性可以设置为left或right，分别表示元素向左或向右浮动。

例如，下面的代码将一个div元素向左浮动：```<div style="float: left;">这是一个浮动元素</div>```浮动元素会脱离文档流，不再占据原来的位置，而是尽可能地靠近其前面的元素。

如果前面没有元素，则浮动元素会靠近父元素的左侧或右侧。

如果浮动元素的宽度超过了父元素的宽度，则会自动换行。

二、多列布局float属性常用于实现多列布局。

例如，下面的代码将一个div元素分成两列，左侧宽度为70%，右侧宽度为30%：```<div style="float: left; width: 70%;">左侧内容</div><div style="float: left; width: 30%;">右侧内容</div>```这样就可以实现两列布局，左侧占据70%的宽度，右侧占据30%的宽度。

如果需要更多的列，只需要添加更多的div元素，并设置宽度和浮动方向即可。

三、文字环绕图片float属性还可以用于实现文字环绕图片的效果。

例如，下面的代码将一个图片向左浮动，并设置文字环绕：```<img src="image.jpg" style="float: left; margin-right: 10px;"> <p>这是一段文字，将会环绕在图片的周围。

div hover的用法

div hover的用法div hover是CSS的一种用法，它能够实现鼠标悬浮时对div元素进行特殊的样式处理，例如改变背景色、边框颜色等等。

在实际开发中，使用div hover可以让网页更加丰富多彩，增加用户交互性。

接下来，我将会分步骤阐述该用法的实现过程。

1. 定义div样式在开始使用div hover前，首先需要定义div元素的样式。

可以通过定义class或id来实现：```<style>.mydiv {width: 100px;height: 100px;background-color: #ccc;border: 1px solid #000;}#mydiv {width: 150px;height: 150px;background-color: #eee;border: 1px dashed #999;}</style><div class="mydiv"></div><div id="mydiv"></div>```在上述代码中，我分别定义了class为mydiv和id为mydiv的两个div元素，并设置了它们的宽、高、背景色和边框。

这里只是一个简单的样式定义示例，可以根据实际情况进行调整。

2. 定义div hover样式在定义完基本样式之后，就可以开始使用div hover了。

通过:hover选择器可以实现鼠标悬浮时对div元素的特殊处理，例如改变背景色、边框颜色等等。

下面是一个简单的示例：```<style>.mydiv:hover {background-color: #f00;}#mydiv:hover {border-color: #f00;}</style><div class="mydiv"></div><div id="mydiv"></div>```在上述代码中，我使用了:hover选择器来表示鼠标悬浮时的状态，然后分别设置了class为mydiv的元素的背景色为红色，id为mydiv 的元素的边框颜色为红色。

htmlcss中float浮动的用法

htmlcss中float浮动的⽤法⼀、float基础⽤法⽰例
1、我们先建两个div盒⼦，设置⾼度、宽度和背景颜⾊；
最开始两个盒⼦在⽹页上的位置如下：
然后我们将红⾊盒⼦浮动到右边
然后我们会发现红⾊盒⼦浮动到了右边，但是蓝⾊盒⼦就直接上移到了原先红⾊盒⼦的位置。

然后我们将蓝⾊盒⼦也浮动到右边看看效果：
我们会发现它会紧跟着红⾊盒⼦排列，⽽不会受块级元素影响独占⼀⾏。

⼆、浮动定位的基本规则
1、当元素的float属性取值为left或right时，元素属于浮动定位;
2、若剩余空间⽆法放下浮动的盒⼦，则该盒⼦向下移动，直到具备⾜够的空间能容纳盒⼦，然后再向左或向右移动；
3、浮动盒⼦的顶边不得⾼于上⼀个盒⼦的顶边；
4、浮动盒⼦在摆放时，要避开常规流盒⼦；常规流盒⼦在摆放时，⽆视浮动盒⼦；
5、常规流盒⼦的⾃动⾼度计算时，⽆视浮动盒⼦
6、清除浮动：clear:both(左或右)。

js浮动广告代码示例

</script>
<!--<div id="ad" style="position:absolute"><a href= target="_blank"><img src="flot3.gif" border="0"></a></div>
<script>
var x = 50,y = 60 //浮动层的初始位置，分别对应层的初始X坐标和Y坐标
var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内，xin为真是层向右移动，否则向左；yin为真是层向下移动，否则向上
var step = 1 //层移动的步长，值越大移动速度越快
obj.style.top = y + document.body.scrollTop //更新层的Y坐标，实现Y轴方向上的运动；document.body.scrollTop为文档区域的滚动条向下拉的距离，以保证在滚动条下拉时层仍在可见范围内
x = x + step*(xin?1:-1) //通过判断层的范围决定层在X轴上的运动方向
if (y > B) { yin = false; y = B } //层超出下边界时的处理
}
var itl= setInterval("floatAD()", delay) //每delay秒执行一次floatAD函数
obj.onmouseover=function(){clearInterval(itl)} //层在鼠标移上时清除上面的间隔事件，实现层在的鼠标移上时停止运动的效果

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><HEAD><TITLE>随滚动条移动的层- </TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312"><META NAME="Author" CONTENT="haiwa"><META NAME="homepage" CONTENT=""></HEAD><style></style><BODY><div id="Javascript.Div1" class="div" style="width: 240px; height:90px" align="center">正中... </div><SCRIPT LANGUAGE="JavaScript">function sc1(){document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop+( document.documentElement.clientHeight-document.getElementById("Javascript.Div1").offsetHei ght)/2)+"px";document.getElementById("Javascript.Div1").style.left=(document.documentElement.scrollLeft+ (document.documentElement.clientWidth-document.getElementById("Javascript.Div1").offsetWi dth)/2)+"px";}</SCRIPT><div id="Javascript.Div2" class="div" style="width: 240px; height:90px" align="center">左上... </div><SCRIPT LANGUAGE="JavaScript">function sc2(){document.getElementById("Javascript.Div2").style.top=(document.documentElement.scrollTop)+ "px";document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft) +"px";}</SCRIPT><div id="Javascript.Div3" class="div" style="width: 240px; height:90px" align="center">左下... </div><SCRIPT LANGUAGE="JavaScript">function sc3(){document.getElementById("Javascript.Div3").style.top=(document.documentElement.scrollTop+ document.documentElement.clientHeight-document.getElementById("Javascript.Div3").offsetHei ght)+"px";document.getElementById("Javascript.Div3").style.left=(document.documentElement.scrollLeft) +"px";}</SCRIPT><div id="Javascript.Div4" class="div" style="width: 240px; height:90px" align="center">右上... </div><SCRIPT LANGUAGE="JavaScript">function sc4(){document.getElementById("Javascript.Div4").style.top=(document.documentElement.scrollTop)+ "px";document.getElementById("Javascript.Div4").style.left=(document.documentElement.scrollLeft+ document.documentElement.clientWidth-document.getElementById("Javascript.Div4").offsetWid th)+"px";}</SCRIPT><div id="Javascript.Div5" class="div" style="width: 240px; height:90px" align="center">右下... </div><SCRIPT LANGUAGE="JavaScript">function sc5(){document.getElementById("Javascript.Div5").style.top=(document.documentElement.scrollTop+ document.documentElement.clientHeight-document.getElementById("Javascript.Div5").offsetHei ght)+"px";document.getElementById("Javascript.Div5").style.left=(document.documentElement.scrollLeft+ document.documentElement.clientWidth-document.getElementById("Javascript.Div5").offsetWid th)+"px";}</SCRIPT><SCRIPT LANGUAGE="JavaScript"></SCRIPT><div style="position: absolute; top: 0px; left: 0px; width: 10000px; height: 4000px;"> </div> </BODY></HTML>超酷浮动代码:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页特效|/Js|---页面内的超级酷浮动窗口</title><style type='text/css'></style><script language=JScript></script><script language='JScript'></script></head><body onselectstart='return false' oncontextmenu='return false' scroll='no'> </body></html>。