我可以点击图片然后更改，然后鼠标移开并恢复图像：
<a href="#" onclick="movepicGreen('Welcome','../img/directories/Available.gif')" onmouseover="showtip1('Welcome');showtip2('Welcome to the Course.')" onmouseout="showtip2('');showtip1('');movepicGreen('Welcome','../img/directories/main/WelcomeGreen.gif')">
img name="Welcome" border="0" src="../img/directories/main/WelcomeGreen.gif" width="250" height="18"></a></td>
实际上，我甚至不需要onmouseout的恢复部分。它将在没有它的情况下恢复。
但是在iPad上，它并没有恢复 - 它坚持下去。为什么它的表现不同？
movepicGreen例程是：
function movepicGreen(img_name,img_src) {
document[img_name].src=img_src;
document[img_name].onmouseout = function () {this.src='../img/directories/main/'+ img_name]+'Green.gif';}
}