jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
更新时间：2017年03月15日 11:50:42 作者：尼玛范爷
这篇文章主要介绍了jQuery animate()实现背景色渐变效果的处理方法,结合实例形式分析了jQuery颜色插件jquery.color.js实现背景色渐变的简单操作技巧,需要的朋友可以参考下
本文实例讲述了jQuery animate()实现背景色渐变效果的处理方法。分享给大家供大家参考，具体如下：
jquery animate函数不能处理背景色渐变，需要使用jquery.color插件
核心代码：
$(function(){
$("#cdiv").animate(
{
backgroundColor:'#FF0000'
},1000
)
})
完整代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>背景色渐变效果</title>
</head>
<body>
<script language="javascript" type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>
<div id='cdiv' style='width:200px;height:100px;background-color:white'></div>
<script>
$(function(){
$("#cdiv").animate(
{
backgroundColor:'#FF0000'
},1000
)
})
</script>
</body>
</html>
运行效果图如下：
附：jQuery.color.js插件点击此处本站下载。
PS：这里再为大家推荐几款相关的颜色与特效工具供大家参考使用：
在线特效文字/彩色文字生成工具：
http://tools.jb51.net/aideddesign/colortext
在线彩虹文字/颜色渐变文字生成工具：
http://tools.jb51.net/aideddesign/txt_caihongzi
在线发光字生成工具：
http://tools.jb51.net/aideddesign/txt_faguangzi
仿古书排版文字竖排转换工具：
http://tools.jb51.net/transcoding/shupai
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
这篇文章主要为大家详细介绍了小程序实现发表评论功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
获取select元素被选中的文本内容的方法有很多，本文为大家介绍下使用javascript来轻松实现下2014-01-01
防抖就是指触发事件后把触发非常频繁的事件合并成一次去执行,节流是指频繁触发事件时只会在指定的时间段内执行事件回调,即触发事件间隔大于等于指定的时间才会执行回调函数,这篇文章主要给大家介绍了关于uniapp项目使用防抖及节流的相关资料,需要的朋友可以参考下2023-01-01
本文将介绍Javascript模式中较为常见和实用的模式——单例模式，主要分为概念和实例部分。在介绍实例的同时也会对代码中额外的知识点进行讲解。需要的朋友可以看下2016-12-12
这篇文章主要介绍了JavaScript数组常用方法解析及数组扁平化，数组作为在开发中常用的集合，除了for循环遍历以外，还有很多内置对象的方法，包括map，以及数组筛选元素filter等2022-07-07
这篇文章主要介绍了JavaScript 拖拽实例代码的相关资料,需要的朋友可以参考下2016-09-09
这篇文章介绍了JS实现导出Excel和CSV文件的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了微信小程序开发之好友列表字母列表跳转对应位置的相关资料,希望通过本文能帮助到大家让大家实现这样的功能，需要的朋友可以参考下2017-09-09
你是否知道JavaScript其实也是一个函数式编程语言呢？本指南将教你如何利用JavaScript的函数式特性。2008-05-05
这篇文章主要介绍了CKeditor4 字体颜色功能配置方法,结合图文与实例的形式分析了CKeditor4 添加字体颜色扩展功能的相关实现步骤与操作技巧,需要的朋友可以参考下2019-06-06
最新评论