What is a working CSS tag for a navigation bar with animated tabs?

by adkona
3 replies
  • WEB DESIGN
  • |
Does anyone know a good CSS tag for a navigation bar with animated tabs? I just need an example. I can do the images in photoshop but I can't seem to find a tag that works.
#animated #bar #css #navigation #tabs #tag #working
  • Profile picture of the author wayfarer
    There is no such thing as a CSS tag. There are HTML tags, but not CSS ones. CSS is used to style tags.

    If you are going to actually animate stuff, you will need some JavaScript to do it. As for simple hide/show, you can do that with CSS alone, but the :hover event only works on <a> elements in IE6 and prior, so this must be considered if you are going to support that browser (it still has a significant amount of users).

    In the meantime, if I were you, I would check out how Suckerfish Dropdowns work. This may not be exactly what you need, but learning how they function will likely help you build what you need.
    Signature
    I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
    {{ DiscussionBoard.errors[1000909].message }}
  • Profile picture of the author Richard Whyte
    adkona

    When you say animated tabs, do you mean that they change when you roll over them, or that they are in constant change all the time on the page?

    With CSS, you can have tabs that animate because you can change what the background image is. Just use an animated gif if you want to...

    I am working on a site right now for one of my clients that when you move around in the menu, the background image changes. This highlights the selection they are over in the menu.... A visual cue...

    This is fairly standard stuff in CSS when you are building menu. If you Google CSS menu examples, you will find some interesting ones that you can modify to your look and feel.

    Have a Great Day!
    {{ DiscussionBoard.errors[1001791].message }}

Trending Topics