大家看看这个切换的导航代码执行流程?

比如当点击音乐(menu[2].onclick)然后执行里面的循环.
如果i不等于parseInt(this.rel-1)也就是rel="3",
就一直执行if里面的两个语句.否则跳出循环执行:
con[parseInt(this.rel-1)].style.display = "block";
menu[parseInt(this.rel-1)].className="cur";
这样理解对吗?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>品牌直销--京东商城</title><style type="text/css">
p{display:none;}
ul{list-style:none;height:30px}
#menu li{float:left;padding:0 10px}
.cur{background:orange}
</style>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function change(menu,con){
var menu = $(menu).getElementsByTagName("a");
var con = $(con).getElementsByTagName("p");
for(var i=0; i<menu.length; i++){
menu[i].onclick = function(){
for(var i=0; i<menu.length; i++){
if(i != parseInt(this.rel-1)){
con[i].style.display = "none";
menu[i].className=""
}
}
con[parseInt(this.rel-1)].style.display = "block";
menu[parseInt(this.rel-1)].className="cur";
}
}
}
window.onload = function(){
change("menu","con")
}
</script></head><body>
<div id="wrap">
<div id="menu">
<ul>
<li><a href="#" rel="1">电影</a></li>
<li><a href="#" rel="2">电视</a></li>
<li><a href="#" rel="3">音乐</a></li>
<li><a href="#" rel="4">论坛</a></li>
<li><a href="#" rel="5">产品</a></li>
</ul>
</div> <div id="con">
<p style="display:block">1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
</div>
</div></body>
</html>