XML实现WEB动态菜单1--html文件

最新推荐文章于 2023-02-09 22:52:30 发布
最新推荐文章于 2023-02-09 22:52:30 发布
阅读量1.4k 收藏
点赞数
分类专栏： XML 文章标签： xml web function border microsoft table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/curllion/article/details/292771
版权
<!--index.htm-->
<HTML>
 <HEAD>
  <title>index</title>
  <meta content=" http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <xml id="fcmenu" src="fcmenu.xml"></xml>
  <xml id="xmldoc" src="fcitem.xml"></xml>
  <script language="javascript">
<!--
var t;
function over(td)
{td.bgColor='#dfbfdf';}
function out(td)
{td.bgColor='#dfbf68';}
function outset(td)
{td.style.borderStyle = "outset";}
function down(mname,td)
{
   itemdiv.style.visibility = "hidden";
   td.style.borderStyle = "inset";
   fcmenu.recordset.movefirst();
   tmp = "<table onmouseout = 'itemout()'  border=1 width=100% cellSpacing=0 cellPadding=0 style='border-width:1px;border-style:none;'>";
   tmp = tmp + "<tr><td  height=28px align=center valign=center style='border-width:1px;border-style:solid;border-color=white;background-color:#f7e4bc;cursor:default'>" +mname + "</td></tr>"
   for(i=0;i<fcmenu.recordset.recordcount;i++)
   {
      if(fcmenu.recordset.fields(mname)+"" ==  "null" || fcmenu.recordset.fields(mname) + ""  == "")
         break;
      tmp = tmp + "<tr><td id = 'm" + i + "'";
      tmp = tmp + " οnmοusemοve=showitem('" + fcmenu.recordset.fields(mname) + "')";
      tmp = tmp + " height=28px align=center valign=center style='border-width:1px;cursor:hand;border-style:solid;border-color=white;background-color:#dfbf68'>" ;
      tmp = tmp + fcmenu.recordset.fields(mname) + "</td></tr>";
      fcmenu.recordset.movenext();
   }
   tmp = tmp + "</table>";
   left.innerHTML = tmp;
}
function showitem(iname)
{
    var ns,ni,i;
    ns = xmldoc.documentElement.selectNodes(iname + " /childitem/@title");
    ni = xmldoc.documentElement.selectNodes(iname + " /childitem/@id");
    i = 0;
    tmp = "<table border=0 cellSpacing=0 cellPadding=0 >";
    while(true)
    {
      if(ns.item(i)==null)
      {break;}
      tmp = tmp + "<tr><td id = 'i" +i + "'";
      tmp = tmp + " height=28px align=center valign=center style='border-width:1px;cursor:hand;border-style:solid;border-color:white;' ";
      tmp = tmp + "οnclick=/"writecontent('" + iname + "'," + ni.item(i).text + ")/">";
      tmp = tmp + ns.item(i).text + "</td></tr>";
      i = i+1;
    }
    tmp = tmp + "</table>";
    itemdiv.innerHTML  = tmp ;
    itemdiv.style.left=118;
    itemdiv.style.top =88 + Math.floor((event.y-89)/28)*28;
    itemdiv.style.visibility = "visible";
}
function writecontent(iname,id)
{
    var nt,ni,i;
    nt = xmldoc.documentElement.selectNodes(iname + "/childitem");
    ni = xmldoc.documentElement.selectNodes(iname + " /childitem/@id");
    i = 0;
    while(true)
    {
       if(ni.item(i)==null)
       {break;}
       if(ni.item(i).text == id)
       {
          ibody.document.close();
          ibody.document.write("<p align=center style='font-color:red;font-size:24px'>" + iname + "</p>");
          ibody.document.write(nt.item(i).text);
          break;
       }
       i++;
    }
}
function itemout()
{
    t=window.setTimeout("itemdiv.style.visibility = 'hidden';",10);
}
//-->
</script>
 </HEAD>
 <body bottomMargin="0" bgColor="#f7e4bc" leftMargin="0" topMargin="0" rightMargin="0"
  MS_POSITIONING="GridLayout">
  <TABLE height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
   <TR>
    <TD style="WIDTH: 118px; HEIGHT: 88px" vAlign="top"></TD>
    <TD style="HEIGHT: 88px" vAlign="bottom" align="right">
     <TABLE id="menu1" style="COLOR: #660000" cellSpacing="0" cellPadding="0" width="450" bgColor="#dfbf68"
      border="0">
      <TR>
       <TD οnmοuseup="outset(td1)" οnmοusedοwn="down('金帝经纬',td1)" id="td1" οnmοuseοver="over(td1)"
        style="BORDER-RIGHT:#ffcc66 3px outset; BORDER-TOP:#ffcc66 3px outset; BORDER-LEFT:#ffcc66 3px outset; CURSOR:hand; BORDER-BOTTOM:#ffcc66 3px outset"
        οnmοuseοut="out(td1)" align="center">金帝经纬</TD>
       <TD οnmοuseup="outset(td2)" οnmοusedοwn="down('管理论坛',td2)" id="td2" οnmοuseοver="over(td2)"
        style="BORDER-RIGHT:#ffcc66 3px outset; BORDER-TOP:#ffcc66 3px outset; BORDER-LEFT:#ffcc66 3px outset; CURSOR:hand; BORDER-BOTTOM:#ffcc66 3px outset"
        οnmοuseοut="out(td2)" align="center">管理论坛</TD>
       <TD οnmοuseup="outset(td3)" οnmοusedοwn="down('成长课程',td3)" id="td3" οnmοuseοver="over(td3)"
        style="BORDER-RIGHT:#ffcc66 3px outset; BORDER-TOP:#ffcc66 3px outset; BORDER-LEFT:#ffcc66 3px outset; CURSOR:hand; BORDER-BOTTOM:#ffcc66 3px outset"
        οnmοuseοut="out(td3)" align="center">成长课程</TD>
       <TD οnmοuseup="outset(td4)" οnmοusedοwn="down('欣幸岁月',td4)" id="td4" οnmοuseοver="over(td4)"
        style="BORDER-RIGHT:#ffcc66 3px outset; BORDER-TOP:#ffcc66 3px outset; BORDER-LEFT:#ffcc66 3px outset; CURSOR:hand; BORDER-BOTTOM:#ffcc66 3px outset"
        οnmοuseοut="out(td4)" align="center">欣幸岁月</TD>
       <TD οnmοuseup="outset(td5)" οnmοusedοwn="down('咖啡物语',td5)" id="td5" οnmοuseοver="over(td5)"
        style="BORDER-RIGHT:#ffcc66 3px outset; BORDER-TOP:#ffcc66 3px outset; BORDER-LEFT:#ffcc66 3px outset; CURSOR:hand; BORDER-BOTTOM:#ffcc66 3px outset"
        οnmοuseοut="out(td5)" align="center">咖啡物语</TD>
      </TR>
     </TABLE>
    </TD>
   </TR>
   <TR>
    <TD id="left" style="WIDTH: 118px" vAlign="top"><FONT face="宋体"></FONT></TD>
    <TD vAlign="top">
     <iframe id="ibody" marginWidth="0" marginHeight="0" frameBorder="no" width="100%" scrolling="auto"
      height="100%"></iframe>
    </TD>
   </TR>
  </TABLE>
  <DIV id="itemdiv" style="Z-INDEX:10000; LEFT:0px; POSITION:absolute; TOP:0px; BACKGROUND-COLOR:#ffcc66"
   ms_positioning="FlowLayout" οnmοuseοver="window.clearTimeout(t)" οnmοusemοve="window.clearTimeout(t)"  οnmοuseοut="itemout()"></DIV>
  <FONT style="BACKGROUND-COLOR: #ffffff" face="宋体"></FONT><FONT face="宋体"></FONT>
 </body>
</HTML>
<!--转载请注明作者及出处： http://blog.csdn.net/curllion-->

相关链接:
XML实现WEB动态菜单2--xml文件
XML实现WEB动态菜单3--菜单的管理
curllion
关注
专栏目录
如何在Web浏览器中查看XML文件
cuml0912的博客
07-06 8131
一旦了解到HTML是XML的一种形式，您可能会想知道如果尝试在浏览器中查看XML文件会发生什么。 结果令人非常失望-Firefox在页面顶部显示一条横幅，上面写着：“此XML文件似乎没有与之关联的任何样式信息。文档树如下所示。” 文档树看起来像文件在编辑器中的样子： 这是Scribus随附的在线手册的menu.xml文件的开头，我是该撰稿人。 尽管您看到蓝色文本，但它们不是可单击的链接。...
Django web开发(一) - 前端
热门推荐
每天进步亿点点
11-30 6万+
Django学习 Web框架 Python语言
在tomcat的web.xml文件中配置error-page
韩利巍
05-29 9399
指定处理错误的页面 你在开发servlet和JSP页面时从不会犯错误，而且你的所有页面是那样的清晰，一般的程序员都不会被它们的搞糊涂。但是，是人总会犯错误的，用户可能会提供不合规定的参数，使用不正确的URL或者不能提供必需的表单字段值。除此之外，其它开发人员可能不那么细心，他们应该有些工具来克服自己的不足。 error-page元素就是用来克服这些问题的。它有两个可能的子元素，分别是：erro...
使用IntelliJ IDEA搭建datax-web开发环境
最新发布
zhangbeizhen18的博客
02-09 4229
记录：372 场景：使用IntelliJ IDEA搭建datax-web开发环境，以及datax-web基本使用。
SpringBoot详解（三）-Spring Boot的web开发
GitLqr的博客
08-30 8716
一、web基础配置1、访问静态资源1）进入规则为 / 时如果进入SpringMVC的规则为/时，Spring Boot的默认静态资源的路径为：spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/ 也就是说，
Spring MVC报404,无法访问WEB-INF下的文件
Cogjen的博客
05-27 1640
初学SpringMVC,这个问题困扰了我好久，终于解决了，分享出来希望对大家有帮助。 1、web-inf下的文件为了保证安全是无法直接访问的，可以通过映射来访问，没有配置的话会404 2、创建SpringMVC项目有两种方法，第一种需要自己配置xml文件不会，没配置错不会404，第二种idea帮你搭建好框架了，要注意配置的地方 2.1、创建普通java项目创建 2.2、idea帮你一条龙完成 3、还有需要注意的地方，ClassNotFoundException异常，先检查相应的jar包有没.
charles怎么导入xml文件_charles抓包配置
weixin_39814369的博客
12-21 1786
charles介绍charles是一款PC端的web代理工具，PC上的浏览器或者其他应用程序通过charles访问网络，charles会记录所有发送和接收的数据。在网络相关的开发过程中，前端/客户端需要和服务端联调，联调过程中出现问题，比如网络数据没有返回或者网络数据出错等等，这个时候需要前后端debug问题原因，如果缺少可视化的网络请求信息，调试将会非常耗时耗力。charles就是把前端/客户端...
Maven项目中POM.xml文件内的标签大全详解
基督山伯爵的博客
11-17 5923
Maven项目中POM.xml文件内的标签大全详解<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0http://maven.a
Maven pom.xml 文件详解
rosy_dawn的博客
09-11 3936
pom.xml 文件详解 POM 代表“Project Object Model”。它是 Maven 项目的 XML 表示形式，保存在名为 pom.XML 的文件中。一个项目不仅仅是包含代码的文件集合，还包含配置文件，以及所涉及的开发人员和他们扮演的角色、缺陷跟踪系统、组织和许可证、项目所在地的 URL、项目的依赖关系，以及所有其他为赋予代码生命而发挥作用的小部分。事实上，在 Maven 世界中，项目根本不需要包含任何代码，只需要一个 pom.xml。 下面是 pom.xml 文件中的元素列表。请注意，mo
XML------XML文档类型定义(Schema结构）
Me丿以卿之名
06-27 8137
XML Schema结构                                                                                                                                  5.1 Schema概述 XML Schema是2001年5月正式发布的W3C的推荐标准，经过数年的大规模讨
Ajax读取XML实现动态下拉导航
10-31
为了解决这些问题，本案例通过Ajax技术结合XML文件来实现实时动态下拉导航菜单功能，不仅提升了用户体验，还有效减少了服务器负担。 #### 二、核心概念与技术原理 ##### 2.1 Ajax技术概述 Ajax（Asynchronous ...
TreeView+XML实现的菜单.zip
05-18
总结起来，"TreeView+XML实现的菜单.zip"项目展示了如何在ASP.NET环境中使用`TreeView`控件和XML数据源创建动态的左侧菜单。通过这个实践，开发者可以学习到数据绑定、事件处理和服务器控件的基本使用，以及XML在Web...
动态菜单-Ajax实现
04-20
动态菜单在Web应用中是一种常见的设计模式，它能够根据用户权限、上下文或者特定条件实时更新菜单项。在这个实例中，我们重点讨论如何利用Ajax（异步JavaScript和XML）技术来实现这一功能。Ajax允许我们在不刷新整个...
jsp动态菜单---自定义的一个菜单
05-09
【标题】：“jsp动态菜单---自定义的一个菜单” 在网页开发中，动态菜单是一种常见的功能，它可以基于用户权限...通过研究这些文件，开发者可以学习到如何将JSP、数据库和前端技术相结合，实现动态菜单这一实用功能。
javascript读取Xml文件做一个二级联动菜单示例
10-23
通过上述的JavaScript函数和DOM操作，可以实现一个基于XML文件数据的二级联动菜单。在实际应用中，需要注意浏览器兼容性问题，以及对错误和异常情况的处理。例如，在`loadXML`函数中，我们对创建XML文档对象的两种...
XML实现WEB动态菜单3--菜单的管理
02-18 1154
   金帝风采内容管理界面  http://schemas.microsoft.com/intellisense/ie5">  dim userip,sAuthorIp,userip2 userip = Request.ServerVariables("HTTP_X_FORWARDED_FOR") userip2 = Request.ServerVariables("REMOTE_ADDR")
在web程序中使用xml实现磁盘缓存
06-05 1098
       在web应用程序中，我们可以使用Session与Application对象来缓存数据，但是有时session多了，会出现session丢失的情况，而且当访问量大时，服务器会不堪重负。       这时我们可以考虑用磁盘来作为缓存，但是这样做的前提是，同时访问的用户不能过多，对于企业内部的基于WEB的应用程序，这样的做法还是可行的。        在此例子中，数据的格式以DataS
基于xml数据源的js动态菜单
12-15 927
////基于xml数据源的js动态菜单//作者:curllion//欢迎访问我的博客:  http://blog.csdn.net/curllion//document.write(".menuitemH{float: left;} .menuitemV{float: none;}");function Menu(div,childNodes){    var base = t
使用AJAX实现动态Web级联菜单
"Web级联菜单的实现方法主要依赖于AJAX技术，它能提高用户体验，减少不必要的数据传输，从而优化资源使用。本示例通过一个JSP页面ajaxMenu.jsp来展示如何创建一个级联菜单。" 在Web开发中，级联菜单常用于组织大量...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值