Balloon Example

The following is an example of making a custom skin for the Random Number Widget component. It isn't a full working game just a sample of advanced CSS/JS extension of the class.

Each balloon is a div of class 'randomNum' & 'balloon'. Inside the div is a span of class 'randomNode' with the balloon set as its master. This means clicking the balloon changes the number. The code for each balloon is as follows, with a unique id for each isntance:

Behaviour for balloons is defined example.js and custom style for the balloon class is in custom.css

Note: works in IE but best in Chrome or Firefox.