vegUI.org home of the javascript based window manager and AJAX framework

VegUISiteKit: Pulsating Menu

Weird name, i didnt wanna call it mac menu, although it's kind of similar. This library allows you to integrate a menu with several images that will function as menu points, when hovered above a menu point the image is grown and replaced with a higher resolution image. The effect time of the growth effect can be adjusted to suite your needs.

While being a dynamic element this is a search engine friendly menu as you will build the menu's elements in HTML and have the script turn it into a dynamic pulsating menu when the page is loaded. No special javascript coding on your side is required to implement it. (except one line to initialize the menu)

Demonstration

Code: HTML
<table id="menu">
<tr>
<td><a href="/site/vsk_pulsating_menu"><img src="vegui_1.gif" /></a></td>
<td><a href="/site/vsk_pulsating_menu"><img src="sitekit_1.gif" /></a></td>
<td><a href="/site/vsk_pulsating_menu"><img src="php_1.gif" /></a></td>
<td><a href="/site/vsk_pulsating_menu"><img src="tutorial_1.gif" /></a></td>
<td><a href="/site/vsk_pulsating_menu"><img src="blog_1.gif" /></a></td>
<td><a href="/site/vsk_pulsating_menu"><img src="stuff_1.gif" /></a></td>
</tr>
</table>
Code: HTML
/* Initialize the menu */
pmnu_init(50,40,75,60,'menu');

Help spread the word

If you like working with this library and want to help get it some exposure, please go over to hotscripts.com and Rate It. Thanks for your help, it is appreciated ;)

Dependencies:

Instead of downloading all packages and dependencies manually it is recommended that you use the new compiled download script, as it will automatically compile all selected libraries - including dependencies - into one compact javascript file for you to download.

This library is dependent on at least one other VSK library so make sure you download the libraries in the list below.

file-name description
vegui.sk.std.js VSK Core Library
vegui.sk.ani.js VSK Effect Framework
vegui.sk.ani.morph.js VSK Effect: Morph

Download

This package contains the code in both commented and compressed forms. The compressed version has had it's comments and unnecessary whitespace removed in order to reduce it's size.

download version
tar.gz (2,5 KB),
zip (4,5 KB)
0.1.2
tar.gz (2,2 KB),
zip (4,2 KB)
0.1.1 (beta)
tar.gz (2,2 KB),
zip (4,2 KB)
0.1.0 (beta)

Tutorials on using this library

Bug Reporting

Please submit any bugs that you may find to the bug database. Thank you.

Changelog

2007.05.22 - vegu@vegui.org
        * version 0.1.2
        * added: pmnu_init() now takes two extra arguments that define the
        height of the small version of the icon and the height of the big
        version of the icon. This means the icon width and height do not need
        to be identical any longer.
        * added: pmnu_init() now makes sure the images files of the grown
        icons are preloaded, this should help reduce the "lag" effect that
        occurs when an icon is grown and its grown version has not been
        retrieved from the server yet.

2007.04.09 - vegu@vegui.org
        * version 0.1.1
        * added: global variable VSK_PMNU_FX_TIME that defines the effect time
        of the growth / shrink effect

2007.03.29 - vegu@vegui.org
        * version 0.1.0