<div id="wrap"> <ul> <li><a href="">标签1</a></li> <li><a href="">标签2</a></li> <li><a href="">标签3</a></li> </ul> <div>内容1</div> <div>内容2</div> <div>内容3</div> </div>
<script> $(function() { $("#wrap ul li").each(function(index) { $(this).mouseover(function() { var tabin = $(this); timeoutid = setTimeout(function() { tabin.addClass("tabin").siblings().removeClass("tabin"); $("#wrap div:eq(" + index + ")").addClass("contentin").siblings("div").removeClass("contentin"); }, 300); }).mouseout(function() { removeTimeout(timeoutid); }); }); }) </script>
![快照2](http://www.doseoer.com/wp-content/uploads/2012/10/%E5%BF%AB%E7%85%A721.png)
转载于:https://www.cnblogs.com/doseoer/archive/2012/10/24/4007573.html