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.

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

Complete Article

Hide comments


  • Allowed HTML tags: <em> <strong> <blockquote> <br> <p>

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.