Visor.js
/
help.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>visor.js帮助文档</title>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="css/visorHelp.css"/>
		<script src="vendor/jquery-1.10.2.min.js"></script>
 		<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" ></script>
 		<script src="js/core/widgets/visor.core.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/core/widgets/visor.widgets.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/visorHelp.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="main">
			<button class="menuBtn active"></button>
			<div class="navHeader">
				<p>visor.js 帮助文档</p>
			</div>
			<nav class="menu" id="navHelp">
				<div class="navBody">
					<h3 id="core">visor.core.js</h3>
					<ul class="nav-item">
						<li>
							<a href="./help.html" >概述</a>
						</li>
					</ul>


					<ul class="nav-item">
						<li>
							<p>widget对象</p>
							<ul class="item">
								<li id="wid-attr" class="normal">属性</li>
								<li id="wid-fun" class="normal">方法</li>
								<li id="wid-event" class="normal">事件</li>
							</ul>
						</li>
						<li>
							<p>presenter对象</p>
							<ul class="item">
								<li id="pre-attr" class="normal">属性</li>
								<li id="pre-fun" class="normal">方法</li>
								<li id="pre-event" class="normal">事件</li>
							</ul>
						</li>
					</ul>
					<h3 id="wid">visor.widgets.js</h3>
					<ul class="item wid-item">
						<li id="acw" class="normal">actionWidget</li>
						<li id="note" class="normal">note-注释文本框</li>
						<li id="box" class="normal">box-文本框</li>
						<!--<li id="header" class="normal">header-页头</li>
						<li id="footer" class="normal">footer-页脚</li>
						<li id="radio" class="normal">radio-单选框</li>
						<li id="checkbox" class="normal">checkbox-复选框</li>
						<li id="link" class="normal">link-链接</li>
						<li id="label" class="normal">label-标签</li>
						<li id="noticeboard" class="normal">noticeboard-提示框</li>
						<li id="line" class="normal">line-带箭头直线</li>
						<li id="quadraticCurve" class="normal">quadraticCurve-二次曲线</li>
						<li id="bezierCurve" class="normal">bezierCurve-贝塞尔曲线</li>
						<li id="circle" class="normal">circle-圆形</li>
						<li id="polygon" class="normal">polygon-多边形</li>
						<li id="triangle" class="normal">triangle-三角形</li>
						<li id="parallelogram" class="normal">parallelogram-平行四边形</li>
						<li id="quadrangle" class="normal">quadrangle-四边形</li>
						<li id="pentagon" class="normal">pentagon-五角大楼形</li>
						<li id="swallowtailed" class="normal">swallowtailed-燕尾形</li>
						<li id="spirograph" class="normal">spirograph-斯皮罗图</li>
						<li id="button" class="normal">button-按钮</li>
						<li id="imageButton" class="normal">imageButton-图片按钮</li>
						<li id="textInput" class="normal">textInput-文字输入框</li>
						<li id="tooltip" class="normal">tooltip-工具提示框</li>-->
					</ul>
					<!--<h4>特殊</h4>
					<ul class="item wid-item">
						<li id="drawEllipse" class="normal">画椭圆</li>
						<li id="drawArrow" class="normal">画箭头</li>
					</ul>-->
				</div>
			</nav>
			<div class="wrapper menu-open">
				<div class="study" id="studyPanel"></div>
				<div class="show" id="showPanel"></div>
				<div class="code" id="codePanel">
					<textarea id="codeContainer">

					</textarea>
				</div>
			</div>
		</div>
	</body>
</html>