<script>
function $(id) {
return typeof id==='string'?document.getElementById(id):id;
}
var titles=$("notice-tit").getElementsByTagName("li");
var divs=$("notice-con").getElementsByTagName("div");
for(var i=0;i<titles.length;i++){
titles[i].index=i;
titles[i].onmouseover=function () {
for(var j=0;j<titles.length;j++){
titles[j].className="";
divs[j].style.display="none";
}
this.className="tab_current";
divs[this.index].style.display="block";
};
};
</script>
uj5u.com熱心網友回復：
<script>function $(id) { //傳遞一個id，封裝document.getElementById的方法
return typeof id==='string'?document.getElementById(id):id; //判斷變數id是不是字串型別，是的話，根據id，獲取物件，不是直接回傳變數id
}
var titles=$("notice-tit").getElementsByTagName("li"); //獲取notice-tile物件下所有的li
var divs=$("notice-con").getElementsByTagName("div");//獲取notice-con下的所有div
for(var i=0;i<titles.length;i++){
titles[i].index=i;
titles[i].onmouseover=function () {//滑鼠劃過事件，滑到對應li上，去掉li的樣式，隱藏對div
for(var j=0;j<titles.length;j++){
titles[j].className="";
divs[j].style.display="none";
}
this.className="tab_current"; //設定li的樣式為tab_current
divs[this.index].style.display="block"; //顯示對應的div
};
};
</script>
uj5u.com熱心網友回復：
這種你也可以自己寫一個測驗程式，把這個方法用上，看看就知道是什么功能了uj5u.com熱心網友回復：
這段代碼就是具體有什么用呢？
uj5u.com熱心網友回復：
其實就是一個根據導航欄滑鼠懸浮顯示對應內容，類似于購物商城的商品分類轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/45498.html
標籤：JavaScript