html帮助文档框架-优快云博客

html帮助文档框架

<!DOCTYPE HTML>
<html>
<header>
	<title>帮助文档</title>
</header>
<body>

	<style>
		body {
     
			margin:0px;
			padding:0px;
		}
		.leftNav {
     
			position: fixed;
			height: 100%;
			width: 200px;
			background: #D3D3D3;
			left: 0px;
			overflow-y: scroll;
		}
		.content {
     
			padding-left:200px;
			padding-bottom:0px;
		}
		.sync_height {
     
			min-height:300px;
		}
		.default_li_hide {
     
			display:none;
		}
		li:hover{
     
			background:#778899;
			cursor:pointer;
		}
	</style>


	<div class="leftNav">
		<ul style = "list-style: none">
			<li  id ="debug_doc" ><a>调试说明</a></li>
		<ul style = "list-style: none" class="default_li_hide li_hover" id = "debug_doc_send_sub">
			<li id ="debug_doc_send_sub_hardware_link"><a>设备硬件连接</a></li>
			<li id ="debug_doc_send_sub_ui_link"><a>界面连接</a></li>
			<li id ="debug_doc_send_sub_REH_ui"><a>REH界面图示</a></li>
			<li id ="debug_doc_send_sub_REQ_ui"><a>REQ界面图示</a></li>
			<li id ="debug_doc_send_sub_REV_ui"><a>REV界面图示</a></li>
			<li id ="debug_doc_send_sub_bt_link"><a>蓝牙连接</a></li>
			<li id ="debug_doc_send_sub_bt_display_link"><a>测量显示</a></li>
			<li id ="debug_doc_send_sub_warring"><a>注意事项</a></li>
		</ul>
			<li  id ="comm_proto"><a>通讯协议</a>
			</li>
			<ul style = "list-style: none" class="default_li_hide" id = "comm_proto_send_sub">
				<li id ="comm_proto_send_sub_radar_proto">