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

2024-05-06 16:37:58

字体：大中小

来源：转载

供稿：网友

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

<!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="images/fold.gif"  <a href="javascript:onclickfclose('art')"><img src="images/fclose.gif"  <li><img src="images/doc.gif"  <li><img src="images/doc.gif"  <li><img src="images/doc.gif"  <li><img src="images/doc.gif"  <a href="javascript:onclickfclose('fangc')"><img src="images/fclose.gif"  <li><img src=" images/doc.gif"  <a href="javascript:onclickfclose('tuhua')"><img src="images/fclose.gif"  <li><img src=" images/doc.gif"  <a href="javascript:onclickfclose('bagua')"><img src="images/fclose.gif"  <li><img src=" images/doc.gif" alt="">明星采访</li><li><img src="images/doc.gif" alt="">明星采访</li><li><img src="images/doc.gif" alt="">明星采访</li><li><img src="images/doc.gif" alt="">明星采访</li></ul></body></html>

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

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：js实现城市级联菜单的2种方法

下一篇：JavaScript订单操作小程序完整版