468day（jQ插件使用）

最新推荐文章于 2019-08-14 12:18:38 发布

orangecloudy

最新推荐文章于 2019-08-14 12:18:38 发布

阅读量95

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/orangecloudy/article/details/86486090

本文介绍如何使用jquery.color.js插件为jQuery添加颜色渐变功能。通过引入jQuery和插件文件，可轻松实现元素背景色从一种颜色平滑过渡到另一种颜色的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

《2019年1月15日》【连续468天】

标题：jQ插件使用；
内容：

### jquery.color.js

> animate不支持颜色的渐变，但是使用了jquery.color.js后，就可以支持颜色的渐变了。

使用插件的步骤
```javascript
1. 引入jQuery文件
2. 引入插件（如果有用到css的话，需要引入css）
3. 使用插件

```

<style>
    div {
      width: 400px;
      height: 400px;
      background-color: red;
    }
  </style>
</head>
<body>
<div></div>
<!--1. 引入jquery的js文件-->
<script src="jquery-1.12.4.js"></script>
<!--2. 引入插件的js文件-->
<script src="jquery.color.js"></script>
<script>
  $(function () {
  
    //3. 直接使用即可。
    //说明jquery不支持颜色的渐变,颜色最好用16进制
    $('div').animate({backgroundColor:"#ffc0cb"}, 3000, function () {
        alert("呵呵");
    });
  });
</script>
</body>