SVG Menu

This project uses dynamic SVG and SMIL animation to showcase three of the projects done for my Client-Side Scripting class. All of the SVG markup is generated with JavaScript. The dimensions of the elements are calculated automatically, allowing the menu to be completely dynamic and expand or contract to the number of choices.

Dynamic SVG Menu

View the project (code)

The project works as expected in Opera and Firefox 4. If using a different browser, the patched version of the project may work better. The patched version contains compatibility fixes for WebKit SVG and SMIL bugs as well as the Adobe SVG Viewer.

View the patched project (code)

This project requires one of the following browsers to be displayed properly: