首页 > 代码库 > JavaScript之动画3

JavaScript之动画3

2024-08-16 13:20:53   218人阅读

给一个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);	        };

我们来直观效果图：

<script type="text/javascript" language="javascript">// </script>
 

JavaScript之动画3


联系
我们