With Alienhead, users can position the various fruits and nuts to make their favorite alien face. Behind this light-hearted demo is some very serious technology. Dynamic HTML is supported in Internet Explorer 4 and Internet Explorer 5.

Use the mouse to drag and create an alien!

Description
With Alienhead, users can position the various fruits and nuts to make their favorite alien face. Behind this light-hearted demo is some very serious technology.


1. CSS 2-D Positioning

All of the images on the page are arranged in 2-D space.


2. Event bubbling

The code that allows elements to be positioned is only 15 lines long. Each individual graphic does not require separate event handlers. The events are captured at the document level.