[video]
[video]
Brian Beck’s Text Adventure: Menu buttons in 20 lines of jQuery -
This is my approach to menus using jQuery. I’ll go through it line by line to serve as a mini introduction to events in jQuery.
Here’s a preview of what we’re making. The desired behavior:
- Clicking on a button opens its menu
- Clicking anywhere except inside the menu closes it
I use two…
I am a big supporter of CSS3 and also a loyal fan of Genesis, so I tried to play a bit.
On 23 February, Nick La of WebDesignerWall posted an awesome tutorial about a Mac-like multi-level dropdown menu. This is just my “humble contribution” to the Genesis community so all credits are due to him.
I used the original Genesis css for the subnavbar with Superfish expanding it a little. It renders perfect in Firefox 3.6.3, Opera 10.51,Chrome 5.0.342.9 Beta, Safari 4.0.5 and IE 7.
On IE8 I am yet not able to understand why the border-bottom of the last child is not visible. Some of you will surely find the solution.
(note: this is a CSS3 menu, IE goes a bit in the background …)
For convenience the demo page is in simple html and with no javascript.
Kudos to Joeke-Remkus deVries twitter: @defries for helping me on resolving an issue I’ve encountered during recoding process.