📄 differenticons.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>DynamicTree example 1</title>
<link rel="stylesheet" type="text/css" href="../DynamicTree.css" />
<script type="text/javascript" src="../../ie5.js"></script>
<script type="text/javascript" src="../DynamicTree.js"></script>
<style type="text/css">
p { font-family: georgia, sans-serif; font-size: 11px; }
</style>
</head>
<body>
<p>
<b>Project:</b> <a href="http://gosu.pl/dhtml/mygosumenu.html">mygosuMenu</a> <br />
<b>Menu type:</b> #1.5 DynamicTree example 1 <br />
<b>Features:</b> <br />
- Dynamically editable in browser (see example 2) <br />
- Export the structure of the tree to Html, Php or Sql <br />
- State of the menu is saved in cookie <br />
- Unlimited nesting <br />
- Links are visible to search engines <br />
- Accessible for user agents with javascript disabled (see /tests/test2.html) <br />
- Object Oriented code, so you can create many menus on the same page <br />
- Free for any use (BSD license) <br />
<b>Compatibility:</b> Tested on: IE 5.0/5.5/6.0, Mozilla 1.4/1.7, Opera 7.11/7.23/7.52, Netscape 7.11, Firefox 0.7/0.8/0.9, Safari 1.2
</p>
<div class="DynamicTree">
<div class="top">MySQL server</div>
<div class="wrap" id="tree">
<div class="folder">Database: casestudyAB
<div class="folder">Table: users
<div class="doc key"><a href="differentIcons.html">Field: userid</a></div>
<div class="doc key"><a href="differentIcons.html">Field: name</a></div>
<div class="doc field"><a href="differentIcons.html">Field: username</a></div>
<div class="doc field"><a href="differentIcons.html">Field: password</a></div>
<div class="doc field"><a href="differentIcons.html">Field: email</a></div>
<div class="doc field"><a href="differentIcons.html">Field: active</a></div>
<div class="doc field"><a href="differentIcons.html">Field: admin</a></div>
<div class="doc field"><a href="differentIcons.html">Field: creationdate</a></div>
</div>
</div>
<div class="folder book">Help
<div class="doc help"><a href="differentIcons.html">Help Topic 1</div>
<div class="doc help"><a href="differentIcons.html">Help Topic 2</div>
</div>
</div>
</div>
<script type="text/javascript">
var tree = new DynamicTree("tree");
tree.path = '../images/';
tree.icons = {
"field": "icons/field.gif",
"key": "icons/key.gif",
"book": "icons/book.gif",
"bookOpen": "icons/book-open.gif",
"help": "icons/help.gif"
};
tree.init();
</script>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -