《a href="#" class="aaa"》
<span>講文明樹新風公益廣告</span>
<div class="bbb">
<div class="ccc">
<p>美麗浙江 文明相伴</p>
</div>
</div>
《/a》代碼如下, $(".aaa").mouseover(function() { if (!$(".bbb").is(":animated")){
$(".bbb").fadeIn(420).find("div").animate({ "opacity": "show", "margin-top": 0
}, 800);
}
})
$(".aaa").mouseleave(function() {
$(".bbb").fadeOut(400);
$(".bbb").find("div").css({ "margin-top": "120px", "opacity": "hide"
})
})
主要就是mouseleave事件下,看著源代碼,鼠標移走時.bbb的margin-top時而生效,
時而不生效。很是奇怪。不知道有沒有朋友也遇到過這種情況,造成這種情況的原因是什么。
jquery 改變css不生效問題
BIG陽
2018-10-10 13:15:56