PS: 该插件支持 RGBA 颜色的过渡,但是请注意,IE8以下的版本不支持 RGBA 颜色(注意:颜色不能使用英文单词)。
支持以下属性:
- color
- backgroundColor
- borderColor
- borderBottomColor
- borderLeftColor
- borderRightColor
- borderTopColor
- outlineColor
- jQuery Animate colors (For jQuery 1.8 and later)
- jQuery Animate colors (For jQuery 1.7.2 and earlier)
1、根据对应的版本引入对应的jquery
2、引入jquery.animate-colors.js
3、下面是代码示例:
$('#demodiv').animate({ color:'#E4D8B8' }) $('#demodiv').animate({ backgroundColor:'#400101' }) $('#demodiv').animate({ borderBottomColor:'#00346B' }) $('#demodiv').animate({ borderColor:'#F2E2CE' }) $('#demodiv').animate({ color:'rgba(42, 47, 76, 0.1)' })