                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

背景颜色怎么改变？？？？？

刚刚老师讲的时候说，这个还可以改背景，请问这个背景怎么改呀。。。。我试了好多次，都没有成功。。。。

任性不是罪

2016-07-26

源自：JS动画效果 4-2

关注问题我要回答

896

操作

收起

4 回答

Dling 回答被采纳 +3 积分
2016-08-18

随机产生一个6位数

var rand=Math.round(Math.random()*1000000);
/*
	   如果不够六位数前面补0；
	   slice() 方法可从已有的数组中返回选定的元素。
	   arrayObject.slice(start,end)

*/
rand = rand<1000000?(rand+1000000 +'').slice(1):rand;
div.style.backgroundColor = "#"+rand;

0 回复有任何疑惑可以回复我~

#1

任性不是罪提问者

非常感谢！

2016-09-03 回复有任何疑惑可以回复我~

Dling
2016-08-18

还有一个方法百度的

function getColor(){  
	    var colorElements = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f";  
	    var colorArray = colorElements.split(",");  
	    var color ="#";  
	    for(var i =0;i<6;i++){  
	        color+=colorArray[Math.floor(Math.random()*16)];  
	    }  
	    return color; 
	}

0 回复有任何疑惑可以回复我~

任性不是罪提问者
2016-07-26

window.onload = function(){

var div_1 = document.getElementById('div_1');

var timer =null ;

div_1.onmouseover = function(){

play();

}

function play(){

timer =setInterval(function(){

// alert(div_1.style.width);

// div_1.style.width = div_1.offsetWidth - 1 +'px';

// div_1.style.width = parseInt(getStyle(div_1,'width')) - 1 +'px';

div_1.style.background = getStyle(div_1,'background') + '#333333';

// div_1.style.border = parseInt(getStyle(div_1,'border')) - 2 +'px';

},30);

}

function getStyle(obj,attr){

if(obj.currentStyle){

return obj.currentStyle[attr];

}else{

return getComputedStyle(obj,false)[attr];

}

}

}

0 回复有任何疑惑可以回复我~

脑阔疼
2016-07-26

背景颜色 backgroundColor的值有英文表示 red ……之类也有 #+数字 #000000 也有rgb(数字,数字,数字) rgb(0,0,0) 这个就需要判断然后修改值的输出格式了

0 回复有任何疑惑可以回复我~

#1

任性不是罪提问者

可以这样子改吗？？？？

2016-07-26 回复有任何疑惑可以回复我~

#2

脑阔疼回复任性不是罪提问者

仅供参考我自己没试过。。。

2016-07-26 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

参与学习 113923 人
解答问题 1443 个

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

本课相似问答

2 回答为什么我的div的背景颜色不显示？

1 回答怎么我的背景没有变化呢？

1 回答为什么我要宽度颜色却变了呢？

3 回答求大神怎么运行不变色

4 回答求大神帮忙看看，为什么div的颜色没有变化

搜索更多本课相关问答

背景颜色怎么改变？？？？？

我要回答关注问题

意见反馈帮助中心 APP下载