jQuery四级联动特效代码下载


jQuery四级联动特效代码下载
jQuery四级联动特效代码下载以及四级联动等js/jquery网页特效代码下载。

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>

相关推荐

发表评论

相关文章