1.html代码 复制代码 代码如下: <div> <div id="tab"> <h2>标题一</h2> <h2>标题二</h2> <h2>标题三</h2> <h2>标题四</h2> div> <dl id="tabcon"> <dd>内容一</dd> <dd>内容二</dd> <dd>内容三</dd> <dd>内容四</dd> </dl> <div> 2 .js部分 复制代码 代码如下: <script type="text/javascript" defer="defer"> var tab = document.getElementById("tab").getElementsByTagName("h2"); function swap(n) { return function() { for(var i=0; i<tab.length; 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.length; 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.length; 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'); } </script>

　　推荐阅读

　　JQuery contains的选择器

contains选择符 contains选择符是指对象中包括指定内容的对象本身，如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格，设置这些单元格的样式类型添加“highlight”类>>>详细阅读

本文标题：js 绑定带参数的事件以及手动触发事件

地址：http://www.17bianji.com/kaifa2/JS/26520.html

 1/2    1