Active State in CSS Navigations

Sohtanaka give us clear explanation about Active State in CSS Navigations. The trick is pretty simple. We will be using CSS Sprites, this will basically allow us to have three states (Default, Hover, & Active) for each navigation link.

demo Active State in CSS Navigations

We will be adding this “active” state by assigning an ID to the <body> tag on each of our pages. By assigning an ID to each page, we can now specify different properties and values depending on which page it’s on.

Demo:http://www.sohtanaka.com/web-design/examples/active-navigation/contact.htm

Incoming search terms for the article:

Related Posts

1

turn.js: A jQuery Page Flip Effect For HTML5

1

jQuery Multi-Node Range and Data Slider

YoutubeButton copy

How to Create YouTube Popup Buttons with CSS

Grid

A Quaintly Designed CSS Typographic Grid