課程
/前端開發(fā)
/JavaScript
/JS動(dòng)畫效果
剛剛老師講的時(shí)候說,這個(gè)還可以改背景,請(qǐng)問這個(gè)背景怎么改呀。。。。我試了好多次,都沒有成功。。。。
2016-07-26
源自:JS動(dòng)畫效果 4-2
正在回答
隨機(jī)產(chǎn)生一個(gè)6位數(shù)?
var?rand=Math.round(Math.random()*1000000); /* ???如果不夠六位數(shù)前面補(bǔ)0; ???slice()?方法可從已有的數(shù)組中返回選定的元素。 ???arrayObject.slice(start,end) */ rand?=?rand<1000000?(rand+1000000?+'').slice(1):rand; div.style.backgroundColor?=?"#"+rand;
任性不是罪 提問者
還有一個(gè)方法 百度的
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 ……之類 ?也有 #+數(shù)字 ?#000000 ?也有rgb(數(shù)字,數(shù)字,數(shù)字) ?rgb(0,0,0) ? 這個(gè)就需要判斷 ?然后修改值的輸出格式了 ?
腦闊疼 回復(fù) 任性不是罪 提問者
舉報(bào)
通過本課程JS動(dòng)畫的學(xué)習(xí),從簡(jiǎn)單動(dòng)畫開始,逐步深入各種動(dòng)畫框架封裝
2 回答為什么我的div的背景顏色不顯示?
1 回答怎么我的背景沒有變化呢?
1 回答為什么我要寬度顏色卻變了呢?
3 回答求大神 怎么運(yùn)行不變色
4 回答求大神幫忙看看,為什么div的顏色沒有變化
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-08-18
隨機(jī)產(chǎn)生一個(gè)6位數(shù)?
2016-08-18
還有一個(gè)方法 百度的
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];
}
}
}
2016-07-26
背景顏色 ? backgroundColor的值 ?有英文表示 red ……之類 ?也有 #+數(shù)字 ?#000000 ?也有rgb(數(shù)字,數(shù)字,數(shù)字) ?rgb(0,0,0) ? 這個(gè)就需要判斷 ?然后修改值的輸出格式了 ?