jQuery Sliding Menu Plugin

This is a sliding menu plugin for jQuery which fires on mouseover and mouseout events. The plugin options passed are: tagPaddingTop how much is the element moving down bgColor the background color of an item by default bgMoverColor the background color of an item for the onmouseover textColor the text color for the onmouseover So […]

This is a sliding menu plugin for jQuery which fires on mouseover and mouseout events.

click to see a demo
click to see a demo

The plugin options passed are:

  • tagPaddingTop how much is the element moving down
  • bgColor the background color of an item by default
  • bgMoverColor the background color of an item for the onmouseover
  • textColor the text color for the onmouseover
  • So as an example you can call it like this:

    $(document).ready(function() {
                    $('.menu').tagdrop({tagPaddingTop: '60px',bgColor: '#B1CCED',bgMoverColor: '#7FB0F0',textColor: '#e0e0e0'});
                });

    See the demo.
    Download the source code here.

    Previous:
    Next:

    Tagged with:

    Cody loves jQuery - he puts the magic into every web application. He is crazy about Curry dishes.

    View all contributions by

    Website: http://tympanus.net/codrops/author/cody/

    Related Articles

    CSS Reference

    Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

    It doesn't matter if you are a beginner or intermediate, start learning CSS now.