首页 | 站长免费中心 | 新手上路 | 网站运营 | 网页制作 | 图片设计 | 动画设计 | 网页编程 | 网页特效 | 本站专题 | 虚拟主机 | 域名注册 | 网站建设 | 程序下载
       免费空间资源 | 新闻咨询 | 免费域名 | 免费网盘 | 网站推广 | 网站策划 | 建站经验 | 网站优化 | 网页代码 | 源码下载 | 音乐小偷 | 网络赚钱 | 论坛交流
网站建设
网站建设
虚拟主机
虚拟主机
域名注册
域名注册
711网络首页
站长工具
站长工具
网站源码
网站源码
站长论坛
站长论坛

 711网络 网页制作心得技巧

打造网页中的树型菜单

来源: 互联网    日期:2007-1-13 17:31:51
 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>TreeMenu</TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <!--
    2006-04-28 改进,使用制表符
    2006-04-27 创建
    //-->
    <META NAME="Author" CONTENT="PurpleEndurer">
    <META NAME="Keywords" CONTENT="网页制作,javascript,树型目录,树型菜单">
    <META NAME="Description" CONTENT="网页制作,javascript,树型目录,树型菜单">
    </HEAD> [转自:711网络工作室 http://www.tc711.com]

    <BODY>
    <SCRIPT LANGUAGE="javascript">
    <!--
    var root = new Array();
    root[0] = new Array("/index.htm*河池市农业信息网首页", "/scenery/list.htm?1*河池风光", "#*子目录2", "#*子目录3");
    root[1] = new Array("#*主目录2", "#*子目录1", "#*子目录2", "#*子目录3");
    var strPreURL ="http://www.hcny.gov.cn";
    //-->
    function expendDir(i)
    {
     var dir  = eval("document.all.dir" + i);
     var plus = eval("document.all.plus" + i);
     dir.style.display = ("none"==dir.style.display) ? "" : "none";
     plus.innerText = ("none"==dir.style.display) ? "┼" : (0==i ? "┬" : "├");
    } [转自:711网络工作室 http://www.tc711.com]

    function subdirstr(i)
    {
     return "<b id=\"plus"+ i + "\" style=\"cursor: pointer;\" onclick=\"expendDir("+ i + ");\">┼</b>&nbsp;"
    }

    function writeSubItem(i)
    {
     var subitemlen = root[i].length;
     document.write("<div id=\"dir");
     document.write(i);
     document.write("\" style=\"display:none\">");

     subitemlen--;

     for (j = 1; j <= subitemlen; j++)
     {

      substr  = root[i][j].split('*');
      document.write(j == subitemlen ? "└─&nbsp;" : "├─&nbsp;");

      if ("#" == substr[0])
      {
       document.write();
       document.write(substr[1]);
      }
      else
      {
       document.write("<a href=\"");
       document.write(strPreURL);
       document.write(substr[0]);
       document.write("\">");
       document.write(substr[1]);
       document.write("</a>");
      }
      document.write("<BR>");
     } //for(j)
     document.write("</div>");
    } //writeSubItem()

    function showMenu()
    {
     var i, j, RootLen = root.length;
     if (0==RootLen)
     {
      document.write("暂无菜单");
      return;
     }

     for (i = 0; i < RootLen; i++)
     {
      var subitemlen = root[i].length;
      var substr  = root[i][0].split('*');
      document.write(subitemlen>1 ? subdirstr(i) : '-');

      if ("#" == substr[0])
      {
       document.write(substr[1]);
      }
      else
      {
       document.write("<a href=\"");
       document.write(strPreURL);
       document.write(substr[0]);
       document.write("\" target=\"ifrmInfo\" class=\"TreeItemLink\">");
       document.write(substr[1]);
       document.write("</a>");
      } //if

      if (subitemlen > 1)
      {
       writeSubItem(i);
      }

      document.write("<BR>");
     } //for(i);
    } //ShowMenu()

    showMenu();
    </SCRIPT>

    </BODY>
    </HTML>



更多的打造网页中的树型菜单请到论坛查看: http://BBS.TC711.COM



【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】 来源: 互联网    日期:2007-1-13 17:31:51   

发 表 评 论
查看评论

  您的大名:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
认证编码: 刷新验证码
点评内容: 字数0
  精品推荐  
  本月推荐  
  友情赞助  

关于我们 | 联系我们 | 广告投放 | 留言反馈 | 免费程序 | 虚拟主机 | 网站建设 |  网站推广 |  google_sitemap baidu_sitemap RSS订阅
本站所有资源均来自互联网,如有侵犯您的版权或其他问题,请通知管理员,我们会在最短的时间回复您
Copyright © 2005-2015 Tc711.Com All Rights Reserved 版权所有·711网络   蜀ICP备05021915号
110网监备案 信息产业备案 不良信息举报