doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:7276回复:1

[javascript]jquery的animate能渐变background-color

楼主#
更多 发布于:2019-08-21 15:56
今天在使用animate()方法时,发现其它属性设置都有效果,但是backgroundColor没有效果,代码如下:
$("p").first().animate({
           "display":"block",
           "height":"50px",
           "width":"200px",
           "backgroundColor":"red",
           "margin-left":"300px"
       },2000);
查阅了API的说明:


这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如“height”、“top”或“opacity”)。注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left.而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属性就会从当前的值渐变到指定的值。


API中并没有说明不对backgroundColor支持。


最后,百度找到原因:

jquery的核心库是不能实现颜色渐变的。
需要引入如  jquery.ui 这样类似的插件。。


参考:https://www.cnblogs.com/intangible/p/8134267.html
知识需要管理,知识需要分享
doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2020-12-28 16:48
可以使用直接使用background , 即可生效。
代码如下:
     $("p").first().animate({
           "background":"red"
       },2000);
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号