Joomla! jQuery Gooey Menu - the "lava lamp" effect menu

Here at DART Creations, we enjoy empowering Joomla! newbies by providing fancy functionality in a simple way - we enjoy making website design easy. Great web site design does not need to come at a high price. We enjoy providing simple modules with a nice function which under normal circumstances would require extensive tweaking and possibly endless frustration. We get frustrated so you don't have to - design website made easy :) Here's a few examples of how we help you: SEO for Joomla!, how to make Joomla load fast, and increase website traffic with social media!

With that intro, we present our latest module - DC Joomla! Gooey menu. It is easy to achieve a nice web site design using this module. Basically, this is a version of the Joomla! menu module which creates a great bouncing effect, which you can easily implement within your Joomla! website. Basically, we are providing the functionality of the Dynamic Drive Gooey menu within Joomla!

jQuery Gooey Menu uses the popular "lava lamp" effect to create CSS menus with a moving gooey background effect. Whenever the mouse moves over a menu item, the desired style that indicates the selected menu item follows the mouse to that item, smoothly highlighting the currently active item. Each menu is simply a standard UL list and is very easy to customize, including the gooey effect itself.


Below is a demo of the way the menus will appear once it is live on your website.






Joomla 2.5 and Joomla 3.0 - Buy me a BEER version €3 (small donation towards development)

Joomla 2.5 and Joomla 3.0 (FREE)

There is no version for Joomla 1.5

The module is very easy to use. There are three main parameters which you need to set.

  1. Menu - the menu which you want to appear as the Gooey menu
  2. Gel Button color - to make it simpler for you, we have prepared a number of colors. It is recommended you go into the CSS files and change them to suit the style of your website
  3. Gel Button style - this allows you to choose from the various effects
    • Gel button menu - the gooey effect, or gel button (as Demo 1 above)
    • Solid block menu - a solid block with a gradient backgroud (see Demo 2 above)
    • Underline menu - a thick underline menu (see Demo 3 above)
    • Frame menu - a thick block with a transparent background

Known Limitations

Due to the nature of the Gooey menu script, multiple level menus are not supported. If the menu contains multiple levels, then it will not work correctly, because there is no styling to suit the embedded <li>




Please post to the forums or the comments below if you need help in configuring the module.


Do you like this module? - Please do buy me a beer (€3)


If you liked this module, please consider buying me a beer. Every drop counts! No guarantees that any donations will be spent on new development rather than beer, though every effort will be made to spend all donations on new developments. Seriously, a lot of time goes into developing and maintaining each of our modules and we don't make nowhere near enough to compensate for the time spent. If you are using this module for commercial reasons, please seriously consider donating a beer or two :) Please do! It will inspire us to keep developing.

Donate a beer here


One more thing...

Do you have friends or a Facebook group who you think would find this useful? Share this with them and then let me know what they think.

Want to supercharge your website?

Our website loads FAST ... just 1.29 seconds. We're hosted on FAST InMotion VPS servers We want YOUR website to be fast too, so we've gotten you an exclusive deal - 47% OFF for DART Creations friends + FREE domain! Check it out NOW!


who are we?

DART Creations is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run - a website for drone hobbyists

David attard

Follow us on Social





Popular Content

Joomla extensions to take your website to the NEXT level

Is your Joomla website reaching its full potential? We install many of these extensions on almost ALL of our Joomla sites - why don't you check them out our list of Joomla Extensions and see whether you can take your site to the next level?

Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to MaxCDN!

Web Hosting MaxCDN - Speed up your website


InMotion Hosting Review - Recommended Web Hosting servers for business, Joomla, WordPress and ecommerce websites.

InMotion Hosting Review

Advertise on

DART Creations is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)

The Outstanding HunGRYJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get this bundle for just $29 - This month ONLY!

The Hungry JPEG Awesome font bundles

New! DIVI 3.0 WordPress TeMPLATE + PageBuilder - 10% OFF Limited Launch offer

You'll surely create a perfect website with Divi 3.0!

Divi 3