简单的jquery滑动门代码

发表于 分类于 阅读次数： 本文字数： 561 阅读时长 ≈ 1 分钟

简单的jquery滑动门代码，收来以备不时之需。
html代码 

1  
2  
3  
4  
5  
6  
7  
8  
9  
10  
11  
12  
13  
14  
15  
16  
17  
18  
19  
20  
21  
22  

<ul id="jq_hdm">  
<li class="active">  
<h3>111111111111111111111h3>  
<p>222222222222222222222222222222222222222p>  
li>  
<li>  
<h3>111111111111111111111h3>  
<p>222222222222222222222222222222222222222p>  
li>  
<li>  
<h3>111111111111111111111h3>  
<p>222222222222222222222222222222222222222p>  
li>  
<li>  
<h3>111111111111111111111h3>  
<p>222222222222222222222222222222222222222p>  
li>  
<li>  
<h3>111111111111111111111h3>  
<p>222222222222222222222222222222222222222p>  
li>  
ul>

js代码 

1  
2  
3  
4  
5  
6  
7  
8  
9  

$(function(){  
   $("#jq_hdm li").each(function(){  
      $(this).mouseover(  
         function(){  
            $("#jq_hdm li.active").removeClass("active");  
            $(this).addClass("active");  
      });  
   });  
});