简单滑动内容区域
//添加事件函数 var tabDiv = document.getElementById('tabs6'); EventUtil.addHandler(tabDiv,'mouseover',doMouseOver);//触发函数function doMouseOver(event){ var event = EventUtil.getEvent(event); var target = EventUtil.getTarget(event); if(target.tagName.toLowerCase() == 'span'){ changeContent(target.id); }}//改变内容显示function changeContent(id){ var index = Number(id.substring(id.length-1,id.length)) - 1; var content = document.getElementById('content'); var contentDiv = content.getElementsByTagName('li'); for(var i=0,len = contentDiv.length;i < len;i++){ if(i == index){ contentDiv[index].className = 'showContent'; }else{ contentDiv[i].className = 'hideContent'; } }}