我想要为背景设置动画,但它不会随 .animate 改变!
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
$(document).ready(function() {
$(".menu").hover(
function() {
$(this).stop().animate({
"background": "-moz-radial-gradient(top, #fff, #cfcfcf)"
}, "slow");
}, function() {
$(this).stop().animate({
"background": "-moz-radial-gradient(top, #fff, #333)"
}, "slow");
});
});
更简单的淡入/淡出可以满足您的需求吗?
#div1{
height:100px;
width:100px;
background-color:Black;
}
$("#div1").click(function() {
$(this).fadeOut(1000, function() {
$(this).css("background-color", "#FF0000").fadeIn(1000);
});
});
简单的 JsFiddle 示例 http://jsfiddle.net/PzZNB/15/
EDIT
#div1{
height:200px;
width:200px;
background-color:Black;
float:left;
}
$('#div1').click(function (){
$(this).animate({backgroundColor: '#FF0000'}, 1000);
});
See 新的JsFiddle http://jsfiddle.net/kT95d/16/(使用 jQuery UI)。我相信这会给您带来您想要的效果。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)