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

close up photo of microphone
How Brand Voice and Tone Build Stronger Connections With Your Students View this Story
Excited man
A Guiding Light: 5 Must-Sees on Beacon's Brand New Website View this Story
Smart phone displaying lock symbol
Unlocking the Web: The How and Why of Web Accessibility View this Story
image of balancing stones on river
Tired of Open-Source Chaos? Find Balance With a Proprietary CMS View this Story

Let's get to work!

Contact Us