<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>
