I’m lovin’ it!

As if there was a shortage of CSS/javascript drop-down menus already, here is another one that was found not too long ago. It’s called “AnylinkCSS.”

AnylinkCSS hss probably the easiest drop-down menu implementation that we’ve worked with so far. As with every other drop-down function we’ve tried out, there are some limitations, but those limitations aren’t a big deal.

You can see it in action on a couple of our recent sites: Houdyshell & Associates, IntelliTec Medical Institute, The Academy of Health Care Professions, and a few sites that are still in production – Image Capsule, Pennco Tech and McMurry University.

Ok, enough babbling. Here’s the down and dirty:

  1. Save this javascript file as ‘anylinkmenu.js‘ – our structure policy is such that every element type has its own directory in the structure: CSS gets its own, scripts gets its own, images, include, pdf, etc – so that everything is kept separate. If you don’t do it that way, make sure you modify what’s coming up next
  2. Call the external script to each page like this:
    <script type="text/javascript" src="scripts/anylinkmenu.js"></script>
  3. Create your navigation elements. Here, we’ll only use three nav items to keep it somewhat simple. For each new drop-down element you will have to modify the ‘anylinkmenu’ number, both in the navigation and in the CSS
  4. The CSS – you’ll need to play with it to make it do what you want it to do – or we’re always happy to take your money … uh, I mean to help.

Have some fun with it. This is a fairly basic example, and there is a lot you can do to spice it up. Let us know if you have questions or comments

Leave a Reply

Your email address will not be published. Required fields are marked *