当您初次登录到 developerWorks 时，将会为您创建一份概要信息。您在 developerWorks 概要信息中选择公开的信息将公开显示给其他人，但您可以随时修改这些信息的显示状态。您的姓名（除非选择隐藏）和昵称将和您在 developerWorks 发布的内容一同显示。

所有提交的信息确保安全。

当您初次登录到 developerWorks 时，将会为您创建一份概要信息，您需要指定一个昵称。您的昵称将和您在 developerWorks 发布的内容显示在一起。

昵称长度在 3 至 31 个字符之间。您的昵称在 developerWorks 社区中必须是唯一的，并且出于隐私保护的原因，不能是您的电子邮件地址。

所有提交的信息确保安全。

My developerWorks:

我的通知：

退出

选择语言：

JavaScript 浮动对象

Nicholas Chase (nicholas@nicholaschase.com), 作家，网站开发人员

Nicholas Chase 曾经参与多家公司的网站开发，包括 Lucent Technologies、Sun Microsystems、Oracle 和 Tampa Bay Buccaneers。Nick 曾经做过高中物理教师、低放射性废弃设备管理员、在线科幻杂志的编辑、多媒体工程师和 Oracle 教员。最近，他担任了佛罗里达 Clearwater 的 Site Dynamics Interactive Communications 的首席技术官。他出版了三部关于 Web 开发的著作，包括 Java and XML From Scratch（Que）。他善于倾听读者的意见，可以通过 nicholas@nicholaschase.com 联系他。

简介： 您一定见过浮动在浏览器角落的内容吧？无论是滚动页面，还是调整窗口大小，内容都会一直出现在这个角落。本教程讲解如何在页面上创建跨浏览器的浮动内容，以及如何调整它的位置。

标记本文！

发布日期： 2008 年 7 月 18 日 (最初发布 2001 年 12 月 20 日)
级别： 初级

访问情况： 4208 次浏览
评论：

结束语

通过将 HTML 变为一个可标识的 div 的一部分就能够把它变成一个浮动对象，并且可以通过脚本进行定位它。开发人员只需判断窗口的大小和滚动偏移量，并以特定的时间间隔动态地放置浮动内容。这种技术所需的脚本代码因浏览器而异，但是可以通过浏览器探测让每种浏览器都执行适当的代码。

脚本还可以允许 Internet Explorer 5.x 用户移动浮动内容。这需要检查用户鼠标单击并创建定位例程所用的新的偏移量。

本教程演示了以下技术：

创建浮动内容
判断页面大小
对内容进行定位
基本的浏览器探测
连接函数和页面事件
创建以特定的时间间隔重复执行的函数

回页首

static.content.url=http://www.ibm.com/developerworks/js/artrating/

SITE_ID=10

Zone=Web development

ArticleID=319958

TutorialTitle=JavaScript 浮动对象

publish-date=07182008

author1-email=nicholas@nicholaschase.com

author1-email-cc=

My developerWorks:

我的通知：

选择语言：

技术主题

软件下载

社区

技术讲座

JavaScript 浮动对象

内容

分享此页面：

分享此页面：

My developerWorks:

我的通知：

选择语言：

技术主题

软件下载

社区

技术讲座

JavaScript 浮动对象

内容

标签

分享此页面：

分享此页面：