sunlover
07-16-2003, 03:26 PM
Here is the code I have written to add an inactive and an active style to my left navigation. In addtion to that I am trying to add a hover style. Can you please tell me how to code that as well. Sorry for my limited knowledge, I am brand new to all of this.
<style>
.inactive{color: #000080; font-family: Arial}
.active{color: #ffff00; font-family: Arial}
</style>
<script>
<!--
function alterClass(thisLink)
{
for(x=0; x<document.anchors.length; x++)
document.anchors[x].className = "inactive";
thisLink.className = "active";
}
-->
</script>
</head>
<body bgcolor="#FF0000">
<a name="new_page_3.htm" class="inactive" onclick="alterClass(this);">Home</a><br><br>
<a name="comics.htm" class="inactive" onclick="alterClass(this);">Comics</a><br><br>
<a name="movie_posters.htm" class="inactive" onclick="alterClass(this);">Movie Posters</a><br><br>
<a name="disney.htm" class="inactive" onclick="alterClass(this);">Disney</a><br><br>
<a name="toys.htm" class="inactive" onclick="alterClass(this);">Collectable Toys</a><br><br>
<a name="trading_cards.htm" class="inactive" onclick="alterClass(this);">Trading Cards</a><br><br>
<a name="feedback.htm" class="inactive" onclick="alterClass(this);">Feedback</a>
<style>
.inactive{color: #000080; font-family: Arial}
.active{color: #ffff00; font-family: Arial}
</style>
<script>
<!--
function alterClass(thisLink)
{
for(x=0; x<document.anchors.length; x++)
document.anchors[x].className = "inactive";
thisLink.className = "active";
}
-->
</script>
</head>
<body bgcolor="#FF0000">
<a name="new_page_3.htm" class="inactive" onclick="alterClass(this);">Home</a><br><br>
<a name="comics.htm" class="inactive" onclick="alterClass(this);">Comics</a><br><br>
<a name="movie_posters.htm" class="inactive" onclick="alterClass(this);">Movie Posters</a><br><br>
<a name="disney.htm" class="inactive" onclick="alterClass(this);">Disney</a><br><br>
<a name="toys.htm" class="inactive" onclick="alterClass(this);">Collectable Toys</a><br><br>
<a name="trading_cards.htm" class="inactive" onclick="alterClass(this);">Trading Cards</a><br><br>
<a name="feedback.htm" class="inactive" onclick="alterClass(this);">Feedback</a>