点击左边菜单里怎么在右边的区域出现相应的内容
日期：2014-05-16 浏览次数：20726 次
点击左边菜单里如何在右边的区域出现相应的内容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Stylevantage</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
<link rel="stylesheet" type="text/css" media="screen" href="Green.css"/>
</head>
<body>
<!-- wrap starts here -->
<div id="wrap">
<div id="header">
<h1 id="logo" style="font-family:'黑体';"></h1>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="sidebar">
<h1>调研内容</h1>
<ul class="sidemenu">
<li id="1"><a href="Green.html">调研内容</a></li>
</ul>
<h1>调研概况分析</h1>
<ul class="sidemenu">
<li id="2"><a href="">调研概况</a></li>
<li id="3"><a href="">调研总数完成率分析</a></li>
<li id="4"><a href="">调研填写时间段分析</a></li>
<li id="5"><a href="">调研填写区域分析</a></li>
</ul>
<h1>单题分析</h1>
<ul class="sidemenu">
<li id="6"><a href="#" >题目1</a></li>
<li id="7"><a href="#" >题目2</a></li>
<li id="8"><a href="#" >题目3</a></li>
<li id="9"><a href="#" >题目4</a></li>
<li id="10"><a href="#" >题目5</a></li>
<li id="11"><a href="#" >题目6</a></li>
<li id="12"><a href="#" >题目7</a></li>
<li id="13"><a href="#" >题目8</a></li>
<li id="14"><a href="#" >题目9</a></li>
<li id="15"><a href="#" >题目10</a></li>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Stylevantage</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
<link rel="stylesheet" type="text/css" media="screen" href="Green.css"/>
</head>
<body>
<!-- wrap starts here -->
<div id="wrap">
<div id="header">
<h1 id="logo" style="font-family:'黑体';"></h1>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="sidebar">
<h1>调研内容</h1>
<ul class="sidemenu">
<li id="1"><a href="Green.html">调研内容</a></li>
</ul>
<h1>调研概况分析</h1>
<ul class="sidemenu">
<li id="2"><a href="">调研概况</a></li>
<li id="3"><a href="">调研总数完成率分析</a></li>
<li id="4"><a href="">调研填写时间段分析</a></li>
<li id="5"><a href="">调研填写区域分析</a></li>
</ul>
<h1>单题分析</h1>
<ul class="sidemenu">
<li id="6"><a href="#" >题目1</a></li>
<li id="7"><a href="#" >题目2</a></li>
<li id="8"><a href="#" >题目3</a></li>
<li id="9"><a href="#" >题目4</a></li>
<li id="10"><a href="#" >题目5</a></li>
<li id="11"><a href="#" >题目6</a></li>
<li id="12"><a href="#" >题目7</a></li>
<li id="13"><a href="#" >题目8</a></li>
<li id="14"><a href="#" >题目9</a></li>
<li id="15"><a href="#" >题目10</a></li>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
