关于6-2作业题

//getElementById()

function byId(id){

return typeof(id)==="string"?document.getElementById(id):id;

}

//全局变量

var index=0,

timer=null,

pics=byId("banner").getElementsByTagName("div"),

len=pics.length,

menu=byId("menu-content");

menuItems=menu.getElementsByClassName("menu-item");

;

function slideImg(){

var main=byId("main");

main.onmouseover=function(){

if(timer){

clearInterval(timer);

}

}

main.onmouseout=function(){

timer=setInterval(function(){

index++;

if(index>=len){

index=0

}

//切换图片

changeImg();

},1000);

}

main.onmouseout();

}

//导航菜单

for(var d=0;d<menuItems.length;d++){

menuItems[d].id=d;

menuItems[d].onmouseover=function(){

index=this.id;

for(var j=0;j<menuItems.length;j++){

menuItems[j].style.background="none";

}

menuItems[index].style.background="#FFCC00";

changeImg();

}

}

//切换图片

function changeImg(){

for(var i=0;i<len;i++){

pics[i].style.display="none";

menuItems[i].style.background="none";

}

pics[index].style.display="block";

menuItems[index].style.background="#FFCC00";

}

slideImg();

问题：1.为什么导航菜单那块的onmouseover换成onclick之后，点击导航菜单栏只会一直刷新页面图片？

2.上面的导航菜单块中，每一块橙色背景色的长方形，怎么添加圆角？