JavaScript实现简单的树形菜单效果

网络编程发布日期：2025/11/9 浏览次数：1

正在浏览：JavaScript实现简单的树形菜单效果

简单的一个树形菜单，具体内容如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>树形菜单</title>
  <style>
    body {
      font: 12px/20px 宋体;
    }

    img {
      vertical-align: center;
      border: none;
    }

    a {
      text-decoration: none;
      color: #000;
    }

    li {
      list-style: none;
    }
  </style>
  <script>
    function onclickfclose(id) {
      var ul = document.getElementById(id);
      var objv = ul.style.display;
      if (objv == 'none') {
        ul.style.display = 'block'
      } else {
        ul.style.display = 'none';
      }
    }


  </script>
</head>
<body>
<b><img src="/UploadFiles/2021-04-02/fold.gif">

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：详解vue模拟加载更多功能（数据追加）

下一篇：AngularJS 限定$scope的范围实例详解