Menu Bar in jQuery - ASP.NET Web Application

Posted by Naimishforu under jQuery on 2/8/2011 | Points: 10 | Views : 43247 | Status : [Member] [MVP] | Replies : 6

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

Hi,

Anyone know any good working example of nice Menu Bar in jQuery?

I want a menu bar like,

If I hover mouse, it should show me the list of menu.

If I click on it, It should get me over there.

I want a working example.

Thanks

Reply | Reply with Attachment

Alert Moderator

Responses

Posted by: SheoNarayan on: 2/8/2011 [Administrator] HonoraryPlatinum | Points: 25

0	Hi Naimish, Go through these articles, that would help you understanding how to build jQuery menu. Working example: http://www.sohtanaka.com/web-design/examples/drop-down-menu/# (look at the source of this page, you will get some idea). Here are some more jQuery menus how tos http://www.queness.com/post/1513/14-outstanding-jquery-navigation-menu-tutorials http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/ http://acrisdesign.com/2010/03/25-excellent-jquery-tutorials-for-navigation-menu/ http://www.shopdev.co.uk/blog/animated-menus-using-jquery/ http://www.devwebpro.com/jquery-navigation-menu-tutorials/ In order to understand these, you must know jQuery, to learn jQuery consider this ebook http://www.itfunda.com/jquery-how-tos-ebook/Show/45. Hope this helps, thanks! Regards, Sheo Narayan http://www.dotnetfunda.com Naimishforu, if this helps please login to Mark As Answer. \| Alert Moderator

Hi Naimish,

Go through these articles, that would help you understanding how to build jQuery menu.

Working example: http://www.sohtanaka.com/web-design/examples/drop-down-menu/# (look at the source of this page, you will get some idea).

Here are some more jQuery menus how tos
http://www.queness.com/post/1513/14-outstanding-jquery-navigation-menu-tutorials
http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/
http://acrisdesign.com/2010/03/25-excellent-jquery-tutorials-for-navigation-menu/
http://www.shopdev.co.uk/blog/animated-menus-using-jquery/
http://www.devwebpro.com/jquery-navigation-menu-tutorials/

In order to understand these, you must know jQuery, to learn jQuery consider this ebook http://www.itfunda.com/jquery-how-tos-ebook/Show/45.

Hope this helps, thanks!

Regards,
Sheo Narayan
http://www.dotnetfunda.com

Naimishforu, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Naimishforu on: 2/8/2011 [Member] [MVP] Bronze | Points: 25

0	Hi, Thanks a lot Sheo....surely I'll look into it. Thanks Naimishforu, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Karthikanbarasan on: 2/8/2011 [Member] [Moderator] [Microsoft_MVP] [MVP] Silver | Points: 25

0	Hi, Sheo, Is it posible to use the same which u given as working sample with menus from database? Thanks Karthik www.f5Debug.net Naimishforu, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Sagarp on: 2/8/2011 [Member] Bronze | Points: 25

0	Hi Ref this link http://www.codeproject.com/Tips/92360/Creating-Menus-using-jQuery.aspx#alternate2 Thanks SagarP http://www.emanonsolutions.net http://emanonsolutions.blogspot.com/ Naimishforu, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: SheoNarayan on: 2/8/2011 [Administrator] HonoraryPlatinum | Points: 25

0	@Karthikanbarasan, Yes, you can get the menu structure from the database provided you have saved it in that order. You can bring the data from database and using StringBuilder concatenate it in that order and write it on the page. Regards Regards, Sheo Narayan http://www.dotnetfunda.com Naimishforu, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Karthikanbarasan on: 2/9/2011 [Member] [Moderator] [Microsoft_MVP] [MVP] Silver | Points: 25

0	ok thanks sheo!!! Thanks Karthik www.f5Debug.net Naimishforu, if this helps please login to Mark As Answer. \| Alert Moderator

Latest Posts