首页 > 建站教程 > JS、jQ、TS >  jQuery颜色渐变动画,jQuery Color animation 色彩动画扩展正文

jQuery颜色渐变动画,jQuery Color animation 色彩动画扩展

jQuery 的动画方法(animate)支持各种属性的过渡,但是默认并不支持色彩的过渡,该插件正是来补足这一点!
PS: 该插件支持 RGBA 颜色的过渡,但是请注意,IE8以下的版本不支持 RGBA 颜色(注意:颜色不能使用英文单词)。

支持以下属性:
  •     color
  •     backgroundColor
  •     borderColor
  •     borderBottomColor
  •     borderLeftColor
  •     borderRightColor
  •     borderTopColor
  •     outlineColor
下载地址:
  1. jQuery Animate colors (For jQuery 1.8 and later)
  2. 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)' })