This site is designed to work with IE7 or greater. Please consider upgrading your browser.

3 JQuery Methods for Interactive Menu Effects

3 recent articles show how to get interactive effects on menus, proving that you don't need Flash for this kind of simple interactivity.

  • Dave Shea's tutorial in ALA shows how to create interactive menu hover effects using CSS sprites and the JQuery Javascript library. A sprite image is a single graphic with multiple states mapped on the graphic, a technique borrowed from game design, where game characters are shown in different states of action. Shea's tutorial extends the use of Bauman's sliding doors sprite method for navigation buttons by adding transitional effects on the graphics.
  • ShopDev reverse-engineers the interactive menus used on Dragon Interactive and shows how to pull it off using JQuery.
  • Bedrich Rios' demo and tutorial in NETTUTS shows how to create a Moo-tools inspired sidebar navigation menu.

Comments

[...] | 6 days ago Google’s shiney new Browser First saved by kujatanaka | 17 days ago 3 JQuery Methods for Interactive Menu Effects First saved by allgmn | 21 days ago jQuery show/hide/toggle syntax in dojo First saved by [...]

Advertisement

thanx for this peace of information! I think i wanna try Dragon Interactive.. hope it will work with me! wait for my commenting on how it was!)))

[...] http://konigi.com/notebook/3-jquery-methods-interactive-menu-effects Tags: Classes et Scripts Javascript, JavaScript, jquery, Ressources JavaScript [...]

Post new comment

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.