Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Links</title>
<style type='text/css'>
body{font-family:Georgia,Verdana,Arial;font-size:13px;background:#fff;color:#000;padding:30px 0px 0px 30px;margin:0px 0px 0px 0px;}
a.menu_idle{color:#000;background-color:transparent;text-decoration:none;font-weight:bold;}
a.menu_active{color:Crimson;background-color:transparent;text-decoration:none;font-weight:bold;letter-spacing:5px;font-style:italic;}
</style>
<script type="text/javascript">
function hlite_menu(obj){
var lnk=document.getElementById('menu').getElementsByTagName('A');
for(var i in lnk){lnk[i].className=(lnk[i]===obj)?'menu_active':'menu_idle';}
}
function set_menu(){
var lnk=document.getElementById('menu').getElementsByTagName('A');
for(var i in lnk){lnk[i].className='menu_idle';lnk[i].onclick=function(){hlite_menu(this);}}
}
window.onload=set_menu;
</script>
</head>
<body>
<div id="menu">
<a href="#null">link 1</a><br />
<a href="#null">link 2</a><br />
<a href="#null">link 3</a><br />
<a href="#null">link 4</a><br />
<a href="#null">link 5</a>
</div>
</body>
<html>
Reply With Quote
Bookmarks