码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript之动画3

时间:2016-10-13 21:47:20      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

给一个div添加颜色,使其产生渐变效果,我们设置index为变量,使用setInterval函数方法改变rgb颜色值。

window.onload = function(){
	            var boxDom = document.getElementById("box");
	            boxDom.style.width = "200px";
	            boxDom.style.height = "200px"
	            var index = 0;
	            setInterval(function(){
	                if(index ==255){
	                    index=0;
	                    boxDom.style.background = "rgb(255,255,255)";
	                }else{
			boxDom.style.background = "rgb("+index+","+index+","+index+")";
	                    index++;
	                }
	            },1000/30);
	        };

我们来直观效果图:

 

JavaScript之动画3

标签:

原文地址:http://www.cnblogs.com/caidupingblogs/p/5958145.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!