实现背景颜色（backgroundColor）的动画效果（animate）

最新推荐文章于 2024-05-16 22:57:10 发布

LiLi_ko

最新推荐文章于 2024-05-16 22:57:10 发布

阅读量3.6k

点赞数

分类专栏： js、jquery 文章标签：插件 backgroundColor animate 背景颜色渐变动画

本文链接：https://blog.csdn.net/LiLi_ko/article/details/39204895

版权

js、jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

jquery.animate()没有backgrundColor的渐变动画，找到一个jquery.color.js插件。

jquery.color.js 下载：http://pan.baidu.com/s/1pJ2Wi7L 密码：oe1r

用法：

$(function(){
	var timer1=setInterval(function(){
		$('#div1').append("<div id='newC' style='width:300px; height:30px;'>我是新增的</div>")
		$('#newC').stop(false, true).animate({backgroundColor:'#F00'}, 500).animate({backgroundColor:'#FFF'}, 500)
		$('#newC').removeAttr('id');
	},2000);
	$('#cancel').click(function(){
		clearInterval(timer1);	
	});

});

简单的实现了，新增数据的背景闪烁渐变的效果，已达到提醒哪条数据是新增的。