function?$(id){
return?typeof?id=='string'?document.getElementById(id):id;
}
window.onload=function(){
//獲取鼠標滑過或點擊的標簽和要切換內容的元素
var?titles=$("notice-tit").getElementsByTagName("li")
var?divs=$("notice-con").getElementsByTagName("div")
//alert(titles.length);
if(titles.length!=divs.length)
{return;}
//遍歷titles下所有的li
for(var?i=0;i<titles.length;i++)
{
titles[i].id=i;
titles[i].onmouseover=function(){
for(var?j=0;j<titles.length;j++)
?{titles[j].className="";
??divs[j].style.dislay="none";}
this.className="select";
divs[this.id].style.display="block";
}
}
}
2016-09-27
顯示的不對，并且鼠標滑動第一次的時候下面div還有變化，第二次的時候就沒反應了。
2016-09-27
/*?CSS?Document?*/ *{margin:0;padding:0;list-style:none;font-size:12px;} .notice{width:298px;height:98px;margin:10px;border:1px?solid?#eee;overflow:hidden;} .notice-tit{height:27px;position:relative;background:#f7f7f7} .notice-tit?ul{position:absolute;width:301px;left:-1px;} .notice-tit?ul?li{float:left;width:58px;height:26px;line-height:26px;text-align:center;overflow:hidden;background:#fff;border:1px?solid?#eee;} .notice?li?a:link,.notice?li?a:visited{text-decoration:none;color:#000000;} .notice?li?a:hover{color:#FF9900;} .notice?li.select{bCkground:#fff; border-bottom-color:#FFFFFF;border-left:1px?solid?#eee;border-right:#eee;} .notice-con?.mod{margin:10px?10px?10px?19px;} .notice-con?.mod?ul?li{float:left;width:134px;height:25px;overflow:hidden;}慕課網總說我的html中包含不當的用于，所以沒法粘貼