Drop-down Menu Effect

This is a Menu Script that uses jQuery in order to create drop-down menu effect.

JavaScript
In order to make the script work, the index-#.html file with the menu should contain these lines of HTML code:

The dropdown.js file contains these lines of code that initialize the script functionality:

In order to create a menu we use a bulleted list (<ul> tag) and inside a list item (<li> tag) we place another bulleted list that will represent drop-down menu.

HTML
Below you can see the HTML script representation:

CSS
You can find script related stylesheet in the main style.css file. You will need to modify the following styles:

Initially we should hide the drop-down menu. The rest of styles differ from template to template.

VN:F [1.9.6_1107]
Rating: +2 (from 2 votes)
This entry was posted in Menu. Bookmark the permalink.
 

  • Submit a ticket

    If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket


Track the comments

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 

Please DO NOT post the order details or any personal details in the comment body.

Spam Protection by WP-SpamFree