任性不是罪
2016-07-26 11:59
刚刚老师讲的时候说,这个还可以改背景,请问这个背景怎么改呀。。。。我试了好多次,都没有成功。。。。
随机产生一个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;
还有一个方法 百度的
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; }
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];
}
}
}
背景颜色 backgroundColor的值 有英文表示 red ……之类 也有 #+数字 #000000 也有rgb(数字,数字,数字) rgb(0,0,0) 这个就需要判断 然后修改值的输出格式了
JS动画效果
113925 学习 · 1443 问题
相似问题