当前位置：首页 > 资讯 > 技术文档

Ajax读取XML实现动态下拉导航

时间：2021-02-03 12:40 编辑：来源：阅读：
扫一扫，手机访问

摘要：Ajax读取XML实现动态下拉导航

根据客户的需要做一个产品的分类的导航菜单，以前使用ASP递归读取的。速度慢，而且消耗大量服务器资源。干脆改成AJAX+XML。共享出来和大家交流。希望各位能帮忙改进。产品分类的XML文件

[url=javascript:showsubmenu(] } else { _v = "<a href='ProductList.aspx?type=" + _id + "'>"+ currentItems[i].firstChild.data +"</a>"; } newChild.innerHTML=_v; document.getElementById("piv" + passPid).appendChild(newChild); if(CheckPullMenu(_id)) { funCreatePullMenu(_id,ChildId+1) } } } } //检测是否有下级 function CheckPullMenu(passPid) { var currentItems = root.selectNodes("//Proot/Item[@pid = " + passPid + "]"); var iItems = currentItems.length; if(iItems > 0) { return true; } else { return false; } } //显示隐藏层 function showsubmenu(sid) { var whichEl = document.getElementById( "piv" +sid); if (whichEl.style.display == "none") { whichEl.style.display="block"; } else { whichEl.style.display="none"; } }

使用方法：在网页中加入"<div id="odiv"></div>"。在body加入onload="funCreatePullMenu(0,0)" 最终效果： [img]http://files.jb51.net/upload/200722821450856.gif[/img] 可以在代码中增加定义CSS。达到更好的效果。原发于：http://www.23mo.com/blog/article.asp?id=16[/url] 使用方法：在网页中加入"<div id="odiv"></div>"。在body加入onload="funCreatePullMenu(0,0)" 最终效果： [img]http://files.jb51.net/upload/200722821450856.gif[/img] 可以在代码中增加定义CSS。达到更好的效果。原发于：[url=http://www.23mo.com/blog/article.asp?id=16]http://www.23mo.com/blog/article.asp?id=16[/url]

全部评论(0)

上一篇：Android实现字幕滚动的方法
下一篇：Ajax 生成流文件下载(实现代码)

资讯排行榜
更多>>