作者hirabbitt (兔子)
看板Ajax
標題Re: [ js ] google瀏覽器的css display
時間Mon May 31 17:46:05 2010
document.getElementById("callbackline1").style.display="";
//顯示
window.alert(document.getElementById("callbackline1").style.display);
document.getElementById("callbackline1").style.width=fightx[x]+17-61+"px";
//修改大小
document.getElementById("callbackline1").src="RCG_callbackline.gif";
//reload gif圖片讓它能從第一張播放
加了黃色那行之後
竟然就動了0.0
我想是時間差的關係
所以修改成
document.getElementById("callbackline1").style.display="";
document.getElementById("callbackline1").style.width=fightx[x]+17-61+"px";
setTimeout(function(){
document.getElementById("callbackline1").src="RCG_callbackline.gif";
},50);
就ok了
...但是原理還是不太清楚就是
※ 引述《hirabbitt (兔子)》之銘言：
: 我讓物件的style.display="none"
: 物件就消失了
: 但是我再讓物件的style.display=""
: 在IE上物件會乖乖出現
: 但是在google瀏覽器卻沒動靜
: 想請問是不是有別種寫法?
: (像長度如果不加單位的話
: google瀏覽器也不吃ㄒㄒ)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 163.13.127.91
※ 編輯: hirabbitt 來自: 163.13.127.91 (05/31 17:47)
※ 編輯: hirabbitt 來自: 163.13.127.91 (05/31 17:48)
→ hirabbitt:所以我的dom是很完整的(挺) 05/31 17:48
→ grence:試試在 img.src前設 img.onload=function(){img.style ...} 05/31 21:23
→ hirabbitt:謝謝樓上 我今天到lab再試試看 06/01 08:51
document.getElementById("callbackline1").style.display="";
//顯示
document.getElementById("callbackline1").onload=function(){
window.alert("!");
document.getElementById("callbackline1").style.width=fightx[x]+17-61+"px";
}
//改onload function讓它在onload時可以改寬度
document.getElementById("callbackline1").src="RCG_callbackline.gif";
//reload gif圖片 讓它從第一張播放
這樣子寫
連window.alert都沒有出來耶o.0
(IE還是可以)
※ 編輯: hirabbitt 來自: 163.13.127.91 (06/01 12:02)