//页面加载完成时的执行函数 $(document).ready(function(){ $(".wrap .list li").each( function(i){ //给每一个tab按钮绑定滑入事件 $(this).on('mouseover',function(){ $(".wrap .list li").attr({class:''}) $(this).attr({class:'list-active'}) $(".wrap .banner1 .content li").css({display:'none'}) $(".banner1 .dot li").attr({class:''}); $(".banner1 .dot li").eq(i).attr({class:'dot-active'}) $(".wrap .banner1 .content li").eq(i).css({ display:'block'}) }) }) })