当我单击一个按钮时,使用 onClick 功能,我将图像替换为另一个图像。代码是这样的
<a class="blue_button" onClick="javascript:loading.style.display='block';zip.style.visibility='hidden';"
href="javascript:getsupport('zip')" id="download">
<img id="zip" src="img/zip.png">
<img id="loading" src="img/loading.gif">
</a>
在CSS中我有这个:
.blue_button{
display:block;
height:30px;
margin-right:20px;
float:left;
width:110px;
color:#FFF;
font-size:12px;
border-radius:4px;
padding:0 23px 0 20px;
}
.blue_button img{
position:relative;
top:5px;
margin-right:7px;
}
.blue_button img#loading{
display:none;
float:left;
top:-17px;
}
它适用于所有浏览器,除了 IE9。如果我激活兼容模式,它可以工作,但我需要保持标准模式。
== 已解决 == 使用不显眼的 js。谢谢大家
window.onload = loading;
function loading()
{
document.getElementById('download').onclick = function()
{
document.getElementById('zip').style.visibility = 'hidden';
document.getElementById('loading').style.display = 'block';
}
}