jquery的animate能渐变background-color吗
3个回答
推荐于2016-10-21
展开全部
不可以,只提供以下方法:但是有个插件可以办到
backgroundPosition
borderWidth
borderBottomWidth
borderLeftWidth
borderRightWidth
borderTopWidth
borderSpacing
margin
marginBottom
marginLeft
marginRight
marginTop
outlineWidth
padding
paddingBottom
paddingLeft
paddingRight
paddingTop
height
width
maxHeight
maxWidth
minHeight
minWidth
font
fontSize
bottom
left
right
top
letterSpacing
wordSpacing
lineHeight
textIndent
附件里有这个插件
使用方法:$(selector).animate({backgroundColor:"#FFFFFF"},speed,callback_function);
推荐于2016-12-03 · 知道合伙人金融证券行家
关注
展开全部
默认的animate函数不支持color类型的渐变,在网上找了一个插件,但是这个插件颜色变到最后总是差一点,比如从#FFFFCC变到#FFFFFF,它最后不会变成纯白,在firebug里看发现背景也不是纯白,以下为测试代码:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors-min.js"></script>
<script>
$(document).ready(function () {
$('body').animate({'backgroundColor' : '#FFFFFF'}, 1000);
});
</script>
</head>
<body style="background-color: #FFFFCC">
</body>
</html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors-min.js"></script>
<script>
$(document).ready(function () {
$('body').animate({'backgroundColor' : '#FFFFFF'}, 1000);
});
</script>
</head>
<body style="background-color: #FFFFCC">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以啊,但是animate中的css必须是变化的,否则看不到效果。
而且这个background-color及得首先确定区域。
而且这个background-color及得首先确定区域。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询