jQuery Menu on Slider

0 725

This jQuery menu slider used to move menu links horizontally on hover. It shows a list of menu labels and highlights active menu with the screen shot. In a previous tutorial, we have seen about how to highlight an active menu item.

In this slider example, we have used a jQuery UI sliding function to move menu screen shots horizontally. We link the screenshots to the corresponding menu tutorial.

Sliding Menu HTML

This code will display a left menu and the hyperlinked screenshots of the menu tutorial demo. All screenshots are hidden excepts the one for the highlighted menu item.

css the styles are:

jQuery Horizontal Sliding

This script is invoked on the mouseover event of the left menu item. It moves menu thumbnail right to left horizontally with jQuery slide effect.

 

You might also like More from author

Leave A Reply

Your email address will not be published.