<span class="bottom"><strong>Project 3</strong><br />Sed et quam vitae ipsum vulputate varius vitae semper nunc.</span>
</li>
<li class="sliderImage">
<a href="http://www.865171.cn" target="_blank"><img src="gallery/04.jpg" alt="4" /></a>
<span class="bottom"><strong>Project 4</strong><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
</li>
</ul>
<div class="clear sliderImage"></div>
</div>
<div id="banner_content">
<h2>Admin</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras auctor, arcu sit amet auctor luctus, lectus sem rhoncus felis, dignissim convallis nulla quam ac dolor.</p>
</div>
</div> <!-- end of banner-->
</div> <!-- end of banner wrapper -->
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="javascript:void(0)" onclick="showCreateTable()" class="current fast">Create User</a></li>
<li><a href="http://www.865171.cn" target="_parent">View User </a></li>
<li><a href="http://www.865171.cn" target="_parent">Create Type </a></li>
<li><a href="http://www.865171.cn" target="_parent">View Type </a></li>
<li><a href="javascript:void(0)" onclick="showChangePasswordTable()">ChangePassword</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of menu wrapper -->
<div id="templatemo_content">
<div id="main_column">
<div class="section_w560" style="display:none" id="createForm">
<center>
<h2>Create User</h2>
<table width="289" id="CreateUserTable">
<tr>
<td>UserName</td>
<td><input type="text" value="cici" /></td>
</tr>
<tr>
<td>Password</td>
<td><input type="text" value="abc123_"/></td>
</tr>
<tr>
<td>UserRole</td>


<td>
<select style="width:156px">
<option value="">-ChooseUserRole-</option>
<option value="">Engineer</option>
<option value="">ITManager</option>
<option value="">ITStaff</option>
<option value="">SDM</option>
<option value="">Admin</option>
</select>
</td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" value="cici@163.com" /></td>
</tr>
<tr>
<td>SDM Name</td>
<td>
<select style="width:156px">
<option value="">-ChooseSDMName-</option>
<option value="">Engineer</option>
<option value="">ITManager</option>
<option value="">ITStaff</option>
<option value="">SDM</option>
<option value="">Admin</option>
</select>
</td>
<tr>
<td></td>
<td>
<input type="submit" value="Confirm" />
<input type="reset" value="Reset" />
</td>
</tr>
</tr>
</table>
</center>
</div>
<div class="section_w560" style="display:none" id="changePasswordForm">
<center>
<h2>ChangePassword</h2>
<table id="CreateUserTable">
<tr>
<td>Input new password:</td>
<td><input type="text" value="abc123_" /></td>
</tr>
<tr>
<td>Input new password again:</td>
<td><input type="text" value="abc123_" /></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="OK" />
<input type="Reset" value="Reset" />
</td>
</tr>
</table>
</center>
</div>
</div>
<div id="side_column">


<div class="side_column_box">
<h2>Augument</h2>
<div class="news_section">
<img class="image_wrapper" src="images/templatemo_image_02.jpg" alt="image" />
<h3>Etiam tempus tellus eget </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et ipsum sem, ut lobortis dui.
</div>
<div class="news_section">
<img class="image_wrapper" src="images/templatemo_image_03.jpg" alt="image" />
<h3>Nam quis aliquet quam</h3>
<p>Sed pharetra neque vel mauris auctor ornare. Maecenas urna lorem, consectetur eget consectetur id. </p>
</div>
<div class="button bottom_02"><a href="http://www.865171.cn">View All</a></div>
</div>
<div class="cleaner_h20"></div>
<div class="side_column_box">
<h2>Newsletter</h2>
<form action="http://www.865171.cn" method="get">
<input type="text" value="Enter your email address..." name="q" size="10" class="inputfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Subscribe" value="Subscribe" alt="Subscribe" class="submitbutton" title="Search" />
</form>
</div>
</div> <!-- end of side column -->
<div class="cleaner"></div>
</div> <!-- end of content -->
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<ul class="footer_menu">
<li><a href="http://www.865171.cn" class="current fast">Create User</a><a href="http://www.865171.cn"></a></li>
<li><a href="http://www.865171.cn" target="_parent">View User</a><a href="http://www.865171.cn"></a></li>
<li><a href="http://www.865171.cn" target="_parent">Create Type</a><a href="http://www.865171.cn"></a></li>
<li><a href="http://www.865171.cn">Gallery</a></li>
<li><a href="http://www.865171.cn" target="_parent">View Type</a><a href="http://www.865171.cn"></a></li>
<li class="last_menu"><a href="http://www.865171.cn">ChangePassword</a></li>
</ul>
Copyright © 2012 RayTian|
Trainging project</div>
<!-- end of footer -->
</div> <!-- end of footer wrapper -->
</body>
<script type="text/javascript">
function showCreateTable() {
document.getElementById("createForm").style.display = "block";
document.getElementById("changePasswordForm").style.display = "none";
}
function showChangePasswordTable() {
document.getElementById("changePasswordForm").style.display = "block";
document.getElementById("createForm").style.display = "none";
}
</script>
</html>