简单的jquery滑动门代码

简单的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");  
      });  
   });  
});