1.html代碼

標題一

標題二

標題三

標題四

div>

內容一

內容二

內容三

內容四

2 .js部分

var tab = document.getElementById("tab").getElementsByTagName("h2");

function swap(n) {

return function() {

for(var i=0; i

document.getElementById("tabcon" + i).style.display = "none";

document.getElementById("tab" + i).className = "";

}

document.getElementById("tabcon" + n).style.display = "block";

document.getElementById("tab" + n).className = "focus";

}

}

for(var i=0; i

tab[i].setAttribute("id", "tab" + i);

if(window.addEventListener) {

tab[i].addEventListener("mouseover", swap(i), false);

} else if(window.attachEvent) {

tab[i].attachEvent("onmouseover", swap(i));

}

}

var tabcon = document.getElementById("tabcon").getElementsByTagName("dd");

for(i=0; i

tabcon[i].setAttribute("id", "tabcon" + i);

}

if(document.createEvent) {

var evObj = document.createEvent('MouseEvents');

evObj.initEvent( 'mouseover', true, false);

tab[0].dispatchEvent(evObj);

} else if( document.createEventObject) {

tab[0].fireEvent('onmouseover');

}

總結

以上是生活随笔為你收集整理的html触发js参数怎么用,js 绑定带参数的事件以及手动触发事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。