Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
08-30-2012, 11:56 AM #1
- Join Date
- Dec 2006
- Thanked 0 Times in 0 Posts
How Hard is it to Re-Create This Navigation?
Hi I really like the horizontal navigation that Piwik analytics uses, see their live demo with nav bar here: http://demo.piwik.org/index.php?modu...&idDashboard=1
I want to re-create that navigation for my own website. The problem though is that my JS is very rusty. So I was wondering...
How hard is it to re-create a menu like that, would it be pretty simple with some jquery and basic JS knowledge? My programming knowledge is good (php), just not very experienced with JS.
I was thinking of maybe hiring someone at freelancer.com, but if it's easy I prefer to do it myself, maybe with some help, so I know for sure the code is clean and not spaghetti chaos.
Anyone can help?
Last edited by jeanpaul1979; 08-30-2012 at 12:05 PM.
08-30-2012, 06:02 PM #2
- Join Date
- Jan 2006
- Halle (Saale), Germany
- Thanked 974 Times in 947 Posts
It is really simple and the best way to learn is to look at and/or copy their source code (ideally with a code inspection/debugging tool which is usually already built into the browser). You have a list with nested sub lists, and you hide the sub lists and show them on
:hoverover the main list items. There is a little more to it in terms of styling but the functionality comes down to this.