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