JS代码如下:
<script> function tabMove(){ //获取鼠标滑过或点击的标签和要切换的内容分类元素 var divId01=document.getElementById('notice_tit'); var titles=divId01.getElementsByTagName('li'); var divId02=document.getElementById('notice_con'); var divs=divId02.getElementsByTagName('div'); //检查是否对应 if (titles.length!=divs.length) return; //遍历titles下所有的li for (var i=0;i<titles.length;i++){ titles[i].id=i; titles[i].onmouseover=function(){ //onmouseover鼠标滑过切换,onclick鼠标点击切换 //清除所有li上的class for (var j=0;j<titles.length;j++){ titles[j].className=''; divs[j].style.display='none'; } //设置当前为高亮显示 this.className='select'; //select为高亮显示设置的CSS样式 divs[this.id].style.display='block'; } } } window.onload=tabMove; </script>