<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <style type="text/css"> <!-- dl { background-color:#000;color:#fff;width:100px;} dt { cursor:pointer;width:100%;background-color:#666;} .expand { overflow:visible;} .collapse { height:16px;overflow:hidden;} //--> </style> <script language="JavaScript" type="text/javascript"> <!-- function toggleDl(dt){ var dl=dt.parentNode; if("collapse"==dl.className)dl.className="expand"; else dl.className="collapse"; } //--> </script> </head> <body> <dl> <dt οnclick="toggleDl(this)">根结点</dt> <dd>子结点1</dd> <dd>子结点2</dd> <dd>子结点3</dd> <dd>子结点4</dd> </dl> </body> </html>
可以收缩的目录树
最新推荐文章于 2024-05-11 10:05:08 发布