The Alien head

 Microsoft Sourcc

Use the mouse to create an alien!

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.


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 a separate event handler—instead, the events are captured at the document level.

© 2000 Microsoft Corporation. All rights reserved. Terms of use.
 

Home

Pictures

About

Hobbies

Share

Friends

migbear65@hotmail.com

1