$(".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下的第二個子標簽

