
js css多级竖向菜单问题
<scripttype="text/javascript">varmenuids=["suckertree1"]//Enterid(s)ofSuckerTreeULmen...
<script type="text/javascript">
var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)
</script>
</head>
<body>
<div class="suckerdiv">
<ul id="suckertree1">
<li><a href=">Item 1</a></li>
<li><a href="">Item 2</a></li>
<li><a href="">Folder 1</a>
<ul>
<li><a href="">Sub Item 1.1</a></li>
<li><a href="">Sub Item 1.2</a></li>
</ul>
</li>
<li><a href="">Item 3</a></li>
<li><a href="">Folder 2</a>
<ul>
<li><a href="">Sub Item 2.1</a></li>
<li><a href="">Folder 2.1</a>
<ul>
<li><a href="">Sub Item 2.1.1</a></li>
<li><a href="">Sub Item 2.1.2</a></li>
<li><a href="">Sub Item 2.1.3</a></li>
<li><a href="">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</a>
</li>
<li><a href="">Item 4</a></li>
</ul>
</div>
这是一个多级导航代码,我不理解 下面的这段“侦听事件”代码,你能帮我结合这个导航代码解释一下,万分感谢。
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus) 展开
var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)
</script>
</head>
<body>
<div class="suckerdiv">
<ul id="suckertree1">
<li><a href=">Item 1</a></li>
<li><a href="">Item 2</a></li>
<li><a href="">Folder 1</a>
<ul>
<li><a href="">Sub Item 1.1</a></li>
<li><a href="">Sub Item 1.2</a></li>
</ul>
</li>
<li><a href="">Item 3</a></li>
<li><a href="">Folder 2</a>
<ul>
<li><a href="">Sub Item 2.1</a></li>
<li><a href="">Folder 2.1</a>
<ul>
<li><a href="">Sub Item 2.1.1</a></li>
<li><a href="">Sub Item 2.1.2</a></li>
<li><a href="">Sub Item 2.1.3</a></li>
<li><a href="">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</a>
</li>
<li><a href="">Item 4</a></li>
</ul>
</div>
这是一个多级导航代码,我不理解 下面的这段“侦听事件”代码,你能帮我结合这个导航代码解释一下,万分感谢。
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus) 展开
1个回答
展开全部
addEventListener和attachEvent的作用是一样的。都是为Window的load事件绑定buildsubmenus()函数。
而你不理解的那段实际上是一个兼容性的测试。
addEventListener是在Mozilla的浏览器中使用的,attachEvent是在IE中使用的。
说白了,就是通过判断浏览器类型,来执行各自所能支持的侦听时间的代码!
应该不难理解。
而你不理解的那段实际上是一个兼容性的测试。
addEventListener是在Mozilla的浏览器中使用的,attachEvent是在IE中使用的。
说白了,就是通过判断浏览器类型,来执行各自所能支持的侦听时间的代码!
应该不难理解。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询