1. 引入CSS
<link type="text/css" href="css/style.css" rel="stylesheet" />
2. 引入JS
<script type="text/javascript" src="js/jquery-latest.js"></script> <script type="text/javascript" src="js/script.js"></script>
3. HTML代码
<div id="PowerValue"> <span id="SelectedValue"></span> <b></b> </div> <br /> <div id="PowerTabDiv"> <div id="Tab-tag"> <a href="JavaScript:;" class="Selected">分类1</a> <a href="JavaScript:;">分类2</a> <a href="JavaScript:;">分类3</a> <a href="JavaScript:;">分类4</a> </div> <div class="Tab-Content" style="display:block"> <ul> <li value="分类1-1">分类1-1</li> <li value="分类1-2">分类1-2</li> <li value="分类1-3">分类1-3</li> <li value="分类1-4">分类1-4</li> <li value="分类1-5">分类1-5</li> <li value="分类1-6">分类1-6</li> <li value="分类1-7">分类1-7</li> <li value="分类1-8">分类1-8</li> <li value="分类1-9">分类1-9</li> <li value="分类1-10">分类1-10</li> <div class="clearfix"></div> </ul> </div> <div class="Tab-Content"> <p class="AddSelect"><input name="" type="text" placeholder="输入内容可搜索"><a href="JavaScritp:;">添加</a></p> <ul> <div class="clearfix"></div> </ul> </div> <div class="Tab-Content"> <p class="AddSelect"><input name="" type="text" placeholder="输入内容可搜索"><a href="JavaScritp:;">添加</a></p> <ul> <div class="clearfix"></div> </ul> </div> <div class="Tab-Content"> <p class="AddSelect"><input name="" type="text" placeholder="输入内容可搜索"><a href="JavaScritp:;">添加</a></p> <ul> <div class="clearfix"></div> </ul> </div> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> </div>