$(".wrap_xia > div").mouseover(function(){ $(".wrap_xia > div").css("background","");//清除所有div背景颜色 $(this).css("background","#bd0000");//给对应的div背景颜色 $(".wrap_xia >div ").find("div:nth-child(2)").stop().animate({"opacity":0},100,function(){ $(".wrap_xia >div ").find("div:nth-child(2)").css("right",36) $(this).animate({"right":45},500) });//每个对应的div标签的第二个子元素标签 运动 让透明度为0 紧接着回调函数 改变对应div下第二个元素标签 的position right的位置,36为原始位置, 意思是让45 运动到36 $(this).find("div:nth-child(2)").stop().animate({"opacity":1},300); //$(this)下第二个div标签 }) $(".wrap_xia > div").mouseout(function(){ $(this).css("background",""); $(".wrap_xia >div ").find("div:nth-child(2)").stop().animate({"opacity":0},100) })
鼠标放上去改变 $(".wrap_xia > div") 下的所有div的背景颜色 并且让所对应div下的第二个子元素 运动改变它定位的right值
主要标签:
$(this).find("div:nth-child(2)") 取到对应div下的第二个子标签