📄 demo_interaction.html

📁 Absolutely wonderful features you may never imagine before, Skytree v2.0 takes you into a new era of

💻 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=utf-8" />
<link href="Demo.css" rel="stylesheet" type="text/css" />
<link href="../Theme/Default/Tree.css" rel="stylesheet" type="text/css" />
<link href="../Theme/MSDN/Tree.css" rel="stylesheet" type="text/css" />
<link href="../Theme/Round/Tree.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="../Script/SkyTree.js"></script>
<script language="javascript" type="text/javascript" src="Demo.js"></script>
<script language="javascript" type="text/javascript" src="DemoIcons.js"></script>
<title>Skytree v2.0 Demo - Interaction</title>
</head>
<body>
<h3>Skytree v2.0 Demo</h3>
<h4>Interaction</h4>
<div class="Note">Integrate <strong>API</strong> is supported for programmers, with <strong>Developer Guide</strong>, you can direct skytree as if you are a commander. <br />
Open page source to view code for this demo. </div>
<input name="btnLoad" type="button" class="Button" id="btnLoad" onclick="loadJSON();" value="Load JSON" />
<input name="btnGetJSON" type="button" class="Button" id="btnGetJSON" onclick="document.getElementById('JSON').value=objTree.getJSON(0,document.getElementById('chkCompressed').checked);" value="Get JSON" />
<div id="Demo" style="margin-top:5px;float:left; width:350px;"></div>
<div style="float:left;width:350px; padding:3px;">
	<h4>Tree Properties</h4>
	<div>Choose
    <select name="Theme" id="Theme" onchange="objTree.setTheme(this.value);">
      <option value="Default" selected="selected">Default</option>
      <option value="MSDN">MSDN</option>
      <option value="Round">Round</option>
    </select>
as tree skin.<br />
Choose
<select name="langList" id="langList" onchange="objTree.setLang(this.value);">
  <option value="en" selected="selected">English</option>
  <option value="zh-cn">绠

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -