简单的jquery滑动门代码

15 年 8 月 19 日 星期三 (已编辑)
57 字
1 分钟

简单的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");  
      });  
   });  
});
欢迎关注我的其它发布渠道
公众号小程序

文章标题:简单的jquery滑动门代码

文章作者:bmqy

文章链接:https://bmqy.net/1490.html[复制]

最后修改时间:


商业转载请联系站长获得授权,非商业转载请注明本文出处及文章链接,您可以自由地在任何媒体以任何形式复制和分发作品,也可以修改和创作,但是分发衍生作品时必须采用相同的许可协议。
本文采用CC BY-NC-SA 4.0进行许可。