实现背景颜色(backgroundColor)的动画效果(animate)

来源:互联网 发布:软件测试工具使用 编辑:程序博客网 时间:2024/04/27 23:06

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);});});
简单的实现了,新增数据的背景闪烁渐变的效果,已达到提醒哪条数据是新增的。

0 0