首页 > 特效插件 > 色彩特效 >  jquery文字颜色渐变,jquery背景色渐变,jquery color正文

jquery文字颜色渐变,jquery背景色渐变,jquery color

特效介绍

jquery文字颜色和背景颜色动画

jquery animate 动画,不支持颜色的变化。这里需要引入一个jquery插件“jquery.animate-colors.js”来达到这个效果。运行下面代码查看效果:



提示:您可以先修改部分代码再运行



使用方法

1、引入jquery库和相关jquery:


<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script src="http://www.5imoban.net/download/jquery/jquery.animate-colors.js"></script>

2、发挥自己的想想,用animate改变自己想要的颜色吧:


<script>
$(function(){
	$("#block").hover(
		function(){
			$(this).animate({"background-color":"#123456","color":"#fff"},500);
		},
		function(){
			$(this).animate({"background-color":"#bada55","color":"#000"},500);
		}
	)
})
</script>