Skip to main content

Simple Drop Down Menu Using JQuery

Recently in my project we needed a dynamic menu to be generated, so I started working on drop down menu using javascript. In my last post I discussed about jQuery, and yes jQuery is a great javascript library.
For following drop down menu I used jQuery effect. slideDown is the effect which I used in following simple drop down menu.

If you want to use this menu in your project just add following code in your html file

Well I tried to post my code here, but blogger do not allows some code to be posted, so I uploaded these files and following is the link for this simple drop down menu.
Download
Download this package, in this you will find 4 files.

  1. index.htm
  2. jquery144.js
  3. sjs.js
  4. style.css
1.index.htm
   This is the file in which menu links are there.
2.jquery144.js
   This is jQuery version 1.4.4.
3.sjs.js
   This file contains some javascript helper functions for simple drop down menu
4.style.css
   This file contains menu display style.
This simple drop down menu is tested on Google Chrome 7.0, Firefox 3.5.11, IE 6, IE8 and it works perfectly.
Labels:

Comments

Post a Comment

Popular posts from this blog

Spring AOP : JDK Proxy vs CGLib Proxy

Spring framework is one of the most widely used framework in Enterprise application development. It has so many features such as Dependency injection, Data access integration, MVC, AOP which takes care of most of the boilerplate part of project, and developers can then focus on business logic only. One of the important feature in Spring is AOP. It is used by almost every enterprise application which is being developed using Spring. AOP So what is AOP? Definition of AOP - Aspect oriented programming is a programming paradigm which aims to increase modularity by allowing the separation of cross cutting concerns. Well, my understanding of AOP is - AOP allows us to introduce/join new modules in your project at pre-specified dynamic locations without having to code for it. Traditional examples of AOP is Transaction management, logging etc. You can read more about AOP at here . This article is for those who know AOP, have used AOP in their projects but do not know how Spring or o...
2 comments
Read more >

Encrypt Decrypt data using AES in Java

AES stands for Advanced Encryption Standard. AES is an Symmetric Key Algorithm, that means key used for encrypting the data, same key will be used for  decryption of  the encrypted data. This algorithm supplants DES algorithm. This post shows how to use AES algorithm in Java to encrypt and decrypt data. Encrypting Data- import java.security.GeneralSecurityException; import javax.crypto.Cipher; import javax.crypto.KeyGenerator; import javax.crypto.SecretKey; public class AESTest1 { public static void main(String[] args) throws GeneralSecurityException { KeyGenerator keyGenerator = KeyGenerator.getInstance("AES"); keyGenerator.init(128); SecretKey key = keyGenerator.generateKey(); Cipher cipher = Cipher.getInstance("AES"); cipher.init(Cipher.ENCRYPT_MODE, key); byte encryptedData[] = cipher.doFinal(args[0].getBytes()); } } In above example we have used KeyGenerator class, which generates key for encrypting data, as we are using...
2 comments
Read more >

Java Tools Plugin for Notepad++ Update

This post and the plugin is outdated. Please use plugin from  this link  which is updated and allows customization of shortcut key mappings and much more . This post is regarding the update for Notepad++ plugin which I wrote to use compile and execute Java programs from the Notepad++ editor itself. I have updated the plugin so that user can customize the shortcut keys assigned for compiling and executing the programs. Following image shows simple Settings dialog where you can customize the shortcut keys mapping. Although user can customize the keys but to apply them Notepad++ must be restarted. Well, I tried but in Notepad++, there is no way to change mapping after initialization process of plugin.. Click here to download the plugin.
5 comments
Read more >