Styled Quick/Jump Menu

Beacon Blog Article

By Beacon News | Published July 18, 2011 | Categories: Web Development

Over the past few days I've had the chance to do a lot of research and decided to take a stab at a more lightweight version of a jump menu or sometimes referred to as a quick menu. We often include these in the header area and place important ‘quick links’ inside for users to go directly to important areas of the site. Below I have listed the features and source code for this.

NOTE** Examples are in iFrames

Features

  • W3C Valid
  • 508 Compliant
  • Easily styled with CSS
  • No Script version (on hover)
  • Supports absolute or relative links
  • Supports target="_blank" (new window)
  • Browser Compatible, tested on:
    • Windows: IE 7+, Safari 3+, Firefox 2+, Chrome
    • Mac: Safari 5, Firefox 3

Click here to download source code.

Recent Posts

image of balancing stones on river
Tired of Open-Source Chaos? Find Balance With a Proprietary CMS View this Story
Image of hourglass
Just One Month Before Google "Speeds Up The Internet": Don't Get Left Behind! View this Story
image of hands holding a plant
Cultivating Content: Making Your Website Blossom With Content Governance View this Story
block letters spelling "time for change"
Embrace Change: Rethinking Gift-giving at Beacon View this Story

Let's get to work!

Contact Us