能干豆着
2015-04-03 09:47
// JavaScript Document function getid(id) { return typeof id==='string'?document.getElementById(id):id; } function getmouse(columnid) { //获取鼠标滑过或点击的标签和要切换内容的元素 var titles=getid(columnid+'_tit').getElementsByTagName('li'), divs=getid(columnid+'_con').getElementsByTagName('div'); if (titles.length!=divs.length) return; //遍历titles下的所有li,就是tab的所有标签。 for(var j=0;j<titles.length;j++) { titles[j].id=j;//添加索引 titles[j].onmouseover=function() { //清除所有的class for(var k=0;k<titles.length;k++) { titles[k].className=''; divs[k].style.display='none'; } this.className='select';//设置当前为高亮显示 divs[this.id].style.display='block'; } } } window.onload=function() { getmouse('workdynamic'); getmouse('filenotice'); getmouse('data_economy'); getmouse('dataAnalysis'); getmouse('statistical_data'); getmouse('web_links'); }
js代码没有错误,建议看下是不是html或者css文件中有错误。可以使用chrome的调试功能,自己找下错误。
Tab选项卡切换效果
65465 学习 · 533 问题
相似问题