That is used because of the styling, the bars go full width of the screen the but the navigation is centered within. The ID is for the JavaScript to target it. Typical list here… It has the “group” class because it’s going to be a horizontal row and will need the clearfix so it has height. Once added to the list and styled, as you mouse over the different links, it figures out the left positioning and the width and animates to match. As such, the “magic line” will only be appended via JavaScript. This will happen with jQuery and it’s animation abilities. The idea is to have a highlight of some kind (a background or an underline) follow you around as you mouse over the different links in the navigation. These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently.
0 Comments
Leave a Reply. |