$("#id li").each(function(index){ //遍历#id li传入位置 $(this).bind("mouseenter",index,function(e) { //绑定鼠标经过的事件 $("#id li").removeClass("hover"); //全部#id li移除 class:hover 的样式 $(this).addClass("hover"); //经过的这个#id li增加 class:hover 的样式 $("#id1").animate({width:'0px'}); //#id1的width变为0px $("#id1").css("border",""); //#id1 增加css属性border 并赋值 $("#id2").hide(); //全部#id2隐藏 $("#id2").eq(index).show(); //等于这个位置的#id2显示 }); });
这是在一个网站上看到的,整理备用。
转载于:https://blog.51cto.com/realwisdom/1609489