JavaScript & AJAX

Quick Tip: How to Write a Neat FlipNav Script


Somehow, I inadvertently started a navigation series over the last few weeks. It's purely coincidence, mostly spawned by emails and such. This week, we're going to mimic the neat navigation functionality, found on Simply mouse over one of the navigation items to see the effect. However, we're going to make it a bit more flexible by removing the need for images. We'll achieve the effect using only CSS and JavaScript.

Other Viewing Options

Related Posts
  • Photography
    Meet Lightroom MobilePreview ipad
    Adobe brings Lightroom to iPad, photographers everywhere rejoice. Thoughts from a frequent Lightroom user on Adobe's latest innovation.Read More…
  • Computer Skills
    How to Add Audio to PowerPoint PresentationsPowerpoint sound
    Sounds effects and background audio, if used effectively, can be a nice addition to your PowerPoint presentations. Here's how to get audio added to your presentations, and get it to work the way you want.Read More…
  • Web Design
    Community Projects
    Community Project: The Tuts+ Illustrator Wireframe KitWireframe thumb
    Calling all community members! We have a little project for you to take part in! We're compiling a wireframe kit for Adobe Illustrator, built by you, the Tuts+ community. Read on to see how you can take part.Read More…
  • Design & Illustration
    How to Create an Abstract Isometric Cityscape in Adobe IllustratorIsometric tut preview
    In the first of a two part tutorial, we're going to be creating an isometric style illustration using Adobe Illustrator and Photoshop. In our second tutorial, we'll use this graphic to create a cover and inside spread of a magazine in InDesign. Read More…
  • Computer Skills
    App Training
    How to Build Your Own WikiMediawiki logo
    Wikis are great for collaborative writing—as Wikipedia has shown—but how exactly would you make your own? Here's everything you need to start a wiki, get your first content added, and make sure everything's organized and easy to find in your wiki.Read More…
  • Design & Illustration
    Three Weeks of Spooky Content and the Skull Decoration Challenge! Skull400
    There are two events in the annual calendar that are responsible for a huge portion of our inspiration as vector artists. It just so happens these days are side by side... Halloween and Day of the Dead (Día de Muertos). This year, Tuts+ is giving you three weeks of vector educational content inspired by Halloween and Day of the Dead, and we're kicking off a new Community Project. Let's jump in and see what we've got planned over the next three weeks! Please note: entries for the community project are now closed. However you're free to submit your designs if you're still wanting a challenge, they just won't be eligible for the showcase.Read More…