简单的jquery
滑动门代码,收来以备不时之需。
html
代码
html
<ul id="jq_hdm">
<li class="active">
<h3>111111111111111111111</h3>
<p>222222222222222222222222222222222222222</p>
</li>
<li>
<h3>111111111111111111111</h3>
<p>222222222222222222222222222222222222222</p>
</li>
<li>
<h3>111111111111111111111</h3>
<p>222222222222222222222222222222222222222</p>
</li>
<li>
<h3>111111111111111111111</h3>
<p>222222222222222222222222222222222222222</p>
</li>
<li>
<h3>111111111111111111111</h3>
<p>222222222222222222222222222222222222222</p>
</li>
</ul>
js
代码
javascript
$(function(){
$("#jq_hdm li").each(function(){
$(this).mouseover(
function(){
$("#jq_hdm li.active").removeClass("active");
$(this).addClass("active");
});
});
});