Skip to main content


developerWorks  >  Web development  >

JavaScript floating objects

developerWorks

Level: Introductory

Nicholas Chase , Author, Web Site Developer

20 Dec 2001

Register now or sign in using your IBM ID and password.

This tutorial is targeted at Web developers who want to create objects, such as images and menus, that hold their place (or float) in the browser window even when the user scrolls or resizes the window. You can achieve the same effect using JavaScript in the browser -- creating content, placing it, and controlling its location as the user scrolls or resizes the page.

Prerequisites

This tutorial assumes that you are already familiar with HTML in particular and JavaScript in general. An understanding of both dynamic positioning and objects is helpful, but not required. The basics are covered as part of this tutorial.


System requirements

You will need JavaScript enabled on your browser.

Example code snippets are provided throughout the tutorial to provide foundation to the concepts discussed. If you plan to physically work through the examples as you progress, ensure you have a text editor: HTML pages and the JavaScript sections within them are simply text. To create and read them, a text editor is all you need.



Duration

Under one hour


Formats

html, pdf


Share this....

digg Digg this story del.icio.us del.icio.us Slashdot Slashdot it!


Back to top


Document options

Document options requiring JavaScript are not displayed


My developerWorks needs you!

Connect to your technical community