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

来源:4-2 获取样式

任性不是罪

2016-07-26 11:59

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

写回答 关注

4回答

  • Dling
    2016-08-18 14:42:15
    已采纳

    随机产生一个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;


    任性不是罪

    非常感谢!

    2016-09-03 13:04:16

    共 1 条回复 >

  • Dling
    2016-08-18 15:30:49

    还有一个方法 百度的

    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; 
    	}


  • 任性不是罪
    2016-07-26 17:37:10

    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];

    }

    }

    }


  • 脑阔疼
    2016-07-26 13:27:00

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

    脑阔疼 回复任性不是罪

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

    2016-07-26 17:55:45

    共 2 条回复 >

JS动画效果

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

113925 学习 · 1443 问题

查看课程

相似问题