課程
/前端開發
/JavaScript
/JS動畫效果
剛剛老師講的時候說，這個還可以改背景，請問這個背景怎么改呀。。。。我試了好多次，都沒有成功。。。。
2016-07-26
源自：JS動畫效果 4-2
正在回答
隨機產生一個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動畫的學習，從簡單動畫開始，逐步深入各種動畫框架封裝
2 回答為什么我的div的背景顏色不顯示？
1 回答怎么我的背景沒有變化呢？
1 回答為什么我要寬度顏色卻變了呢？
3 回答求大神 怎么運行不變色
4 回答求大神幫忙看看，為什么div的顏色沒有變化
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-18
隨機產生一個6位數?
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;? }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 ……之類 ?也有 #+數字 ?#000000 ?也有rgb(數字,數字,數字) ?rgb(0,0,0) ? 這個就需要判斷 ?然后修改值的輸出格式了 ?