Changing the Color of Selected item in menu using javascript

In header Section you should write the this script function

<script language="javascript">

var selectEl = null; // keep track of currently selected

function mo(el) {

    if (selectEl) { // unselect selected

        selectEl.style.backgroundColor = 'gray';

        selectEl.style.border = '0px inset black';

    }

    selectEl = el; // new selected

    el.style.backgroundColor = 'navy';

}

</script>

After Completion of writing the script function design the table or div with your elements
after that give call the JavaScript function for whatever the elements you need to select
On each link write this function like this 

<td>

<a href="index.html"onclick="mo(this)">Products</a>

</td>

I hope it helps you happy coding

If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS Subscribe by Email