SitePoint Sponsor |
|
User Tag List
Results 1 to 1 of 1
-
Aug 29, 2008, 07:46 #1
- Join Date
- Nov 2007
- Posts
- 31
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Horizontal site navigation border
Hi,
I've got a horizontal site nav and the nav items are separated with a 1px border-right.
HTML Code:<ul class="sitenav"> <li id=""><a href="" id="">One</a></li> <li id="" class="current"><a href="" id="">Two</a></li> <li id=""><a href="" id="">Three</a></li> <li id=""><a href="" id="">Four</a></li> <li id=""><a href="" id="">Five</a></li> <li id=""><a href="" id="">Six</a></li> </ul>
Code:<script type="text/javascript" language="javascript"> $(function(){ $("#asd ul li:not(.current) a").hover( function(){ $(this).parent().prev("li:not(.current)").children().css("border-right","1px solid #00426F"); } , function(){ $(this).parent().prev("li:not(.current)").children().css("border-right","1px solid #DBDBDB"); } ); $("#asd ul li:not(.current) a").active( function(){ $(this).parent().prev("li:not(.current)").children().css("border-right","1px solid red"); } , function(){ $(this).parent().prev("li:not(.current)").children().css("border-right","1px solid green"); } ); $('#asd ul li.current').prev().children().css("border-right","1px solid #FFF"); }); </script>
Secondly, it doesn't work at all with :active mode.... i.e. when pressed.
Bookmarks