Add the highlighted code in the head of the page as shown:
Code:
<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.scrollzer.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<script type="text/javascript">
$(document).click(function(){
$('.container').find('*').removeClass('navigated');
setTimeout(function(){
$(location.hash).addClass('navigated');
}, 250);
});
</script>
<link rel="stylesheet" type="text/css" href="css/anylinkcssmenu.css" />
<script type="text/javascript" src="js/anylinkcssmenu.js">
/***********************************************
* AnyLink CSS Menu script v2.0- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm for full source code
***********************************************/
</script>
Now, each time you navigate via the anylink menu to any of the items on the page, they will have the class 'navigated'. Also, any previous item in the container div will have that class removed if it had it.
So all you need to do is add something like so to the stylesheet:
Code:
.navigated {
background-color: white;
}
Or whatever rule(s) you want in there for highlighting the .navigated class.
Bookmarks