DHTML: Alien Head - 19 Feb 2002

Description: Users can position the various fruits and nuts on the alien head to make their favorite alien face. Behind this light-hearted demo is some very serious technology.

ITPro Today

February 18, 2002

1 Min Read
ITPro Today logo in a gray background | ITPro Today

Description: Users can position the various fruits and nuts on the alien head to make their favorite alien face. Behind this light-hearted demo is some very serious technology.

More Details
CSS 2-D Positioning
All of the images on the page are arranged in 2-D space.
Event bubbling
The code that allows elements to be positioned is only 15 lines long. Each individual graphic does not require a separate event handler-instead, the events are captured at the document level.

Browser/Platform Compatibility
This sample requires Microsoft Internet Explorer 4.0 and greater on Microsoft Win32, UNIX and Macintosh platforms.

Usage
Public methods and properties are declared within the scriptlet, and are manipulated from the container.

Complete Article

Sign up for the ITPro Today newsletter
Stay on top of the IT universe with commentary, news analysis, how-to's, and tips delivered to your inbox daily.

You May Also Like