大罗-PHP/Python博客

以下的代码适用于大量数据的情况，加载时并没有对所有数据全部加载，而是取相应级数的数据加载，同样也支持N级菜单。不过暂时没有时间来修改，使之使用AJAX加载。有时间再说。
来源：http://www.7880.com/info/Article-28836620.html

$menu_array[1]
";
          my_menu($menu_content,$i,$temp1,$temp2);
        }
        else
        {
          $temp3[$menu_grade_temp+1]="";
          $temp6=implode("/",$temp3);
          echo "$menu_array[1]
";
        }
      }
    }
  }
  // 连接 MySql 数据库   
  $db_host="localhost";
  $db_user="test";
  $db_password="test";
  $db_name="test";
  mysql_connect($db_host,$db_user,$db_password);
  mysql_select_db($db_name);

  //从数据库中取得数据   
  $query_string="select * from menu order by menu_grade";
  $db_data=mysql_query($query_string);

  $menu_grade_temp = @intval($_GET['menu_grade_temp']);
  $menu_superior_temp = @($_GET['menu_superior_temp']);
  //第一次执行初始化   
  if (! $menu_grade_temp)
  {
    $menu_superior_temp=0;
  }

  //将所有的信息读入数组，并统计数组个数   
  $i=0;
  while (list($menu_id,$menu,$menu_grade,$menu_superior)=mysql_fetch_row($db_data))
  {
    $menu_content[$i]=$menu_id."/".$menu."/".$menu_grade."/".$menu_superior;
    $i++;
  }
  my_menu($menu_content,$i,1,$menu_superior_temp);

  /* 附数据库结构及模拟数据   
  # phpMyAdmin MySQL-Dump   
  #   
  # 主机: localhost 数据库 : test   
  # --------------------------------------------------------   
    
  #   
  # 数据表的结构 'menu'   
  #   

  CREATE TABLE menu (   
  menu_id int(11) NOT NULL auto_increment,   
  menu varchar(20) NOT NULL,   
  menu_grade int(11) NOT NULL,   
  menu_superior int(11) NOT NULL,   
  UNIQUE menu_id (menu_id)
  );

  #   
  # 导出下面的数据库内容 'menu'   
  #   

  INSERT INTO menu VALUES( '1', '计算机', '1', '0');
  INSERT INTO menu VALUES( '2', '编程', '2', '1');
  INSERT INTO menu VALUES( '3', '网络', '2', '1');
  INSERT INTO menu VALUES( '4', 'PHP与MySql', '3', '2');
  INSERT INTO menu VALUES( '5', 'C语言', '3', '2');
  INSERT INTO menu VALUES( '6', '网页制作', '3', '3');
  INSERT INTO menu VALUES( '7', 'TCP、IP协议', '3', '3');
  INSERT INTO menu VALUES( '8', '数学', '1', '0');
  INSERT INTO menu VALUES( '9', '高等数学', '2', '8');
  INSERT INTO menu VALUES( '10', '线性代数', '3', '9');
  INSERT INTO menu VALUES( '11', '离散数学', '3', '9');
  INSERT INTO menu VALUES( '12', '初等数学', '2', '8');
  INSERT INTO menu VALUES( '13', '文学', '1', '0');
  INSERT INTO menu VALUES( '14', '中国文学', '2', '13');
  INSERT INTO menu VALUES( '15', 'php', '4', '4');
  INSERT INTO menu VALUES( '16', 'mysql', '4', '4');
*/   
?>

点击察看示例

Posted by rollenc

纯粹使用CSS来实现的二级菜单（IE下需要JS协助）。但是可扩展性不是很好，难以发展为多级菜单。每增加一级，CSS就要进行相应的修改和增加。不过，使用CSS来作二级菜单也已经很COOL了。
来源： http://www.marktip.com/blog/article.asp?id=81

 
 
  
Home
 
  
About 
    
 
      
History
 
      
Team
 
      
Offices
 
    
 
  
 
  
Services 
    
 
      
Web Design
 
      
Internet Marketing
 
      
Hosting
 
      
Domain Names
 
      
Broadband
 
    
 
  
 
  
Contact Us 
    
 
      
United Kingdom
 
      
France
 
      
USA
 
      
Australia
 
    
 
  
 

点击察看示例

Posted by rollenc

以下代码实现了一个很酷的动态树，从http://www.cnlei.org/codes/javascript/Dhtml-Tree-Menu-200/index.html的示例文件中截取出来的。里面的每一个变量带得便意义我没有去深究，知识简单的看了一下关于数据的那一部分，感觉可以拿来就用。
当然，如果你喜欢而且想要更多的动态菜单，你可以去买一个。
apycoms DHTML Tree Menu和DHTML Tree Menu都是不错的产品。

点击察看示例

Posted by rollenc