page >> http://hv-designs.co.uk/2009/02/17/sliding-jquery-menu/
demo >> http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html
This tutorial will combine the power use of Photoshop and jQuery. If you are a newbie to jQuery, and want to create a sliding navigation menus that will dazzle everyone, you should read this tutorial. jQuery animates this vertical sliding menus with a tiny arrow button controller. When the button is clicked it rolls out a box full of links, when the button is clicked again it rolls back in.
You’ll just need to include javascript and css files by typing this chunk of code within the “HEAD TAGS” of your HTML before everything else.
The next step is more about styling the vertical menu elements with CSS classes, such as: the color of the background, the text, and hover styles. For better learning process, you can download this tutorial’s files for free from the source page or just visit this cool tutorial and the demo page so you can start to create your own vertical sliding jQuery menu ;)
Twitter Updates
Loading...
Written by Thomas
Topics: Scripting