作者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)
1F：→ hirabbitt:所以我的dom是很完整的(挺) 05/31 17:48
2F：→ grence:试试在 img.src前设 img.onload=function(){img.style ...} 05/31 21:23
3F：→ 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)