Per completezza posto anche la soluzione senza jQuery... in questo caso non è molto più lunga (ma sicuramente un po'meno elegante), dal momento che ci si può attacare agli id dei singoli li. Non è presente l'effetto .entered in questo caso:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
#menutab {
position:relative;
width:270px;
font-size: 20px;
font-family: arial, helvetica, sans-serif;
margin: 0 auto;
text-align:center;
}
#menutab ul {margin: 0 auto; padding: 0}
#menutab li {display: inline; margin:0; padding: 0}
.selected {background-color: #00FF00;}
</style>
<script type="text/javascript">
//attivazione del menu
function setActiveMenu(mnuId){
var ul=document.getElementById("menutab");
var lis=ul.getElementsByTagName("LI");
for(var i=0; i<lis.length; i++){
if(lis[i].id==mnuId)lis[i].className="selected";
else lis[i].className="";
}
return true;
}
</script>
</head>
<body>
<ul id="menutab" >
<li id="li1" onclick="setActiveMenu('li1')"><a href="http://www.google.it" target="iframe">GOOGLE</a></li>
<li id="li2" onclick="setActiveMenu('li2')"><a href="http://www.yahoo.it" target="iframe">YAHOO</a></li>
<li id="li3" onclick="setActiveMenu('li3')"><a href="http://www.rambler.ru" target="iframe">RAMBLER</a></li>
<li id="li4" onclick="setActiveMenu('li4')"><a href="http://www.masterdrive.it" target="iframe">MASTERDRIVE</a></li>
</ul>
<iframe src="origine.html" width="100%" height="700" scrolling="no" frameborder="0" id="iframe" name="iframe"></iframe>
</body>
</html>