Html 按钮“；“弹出”；在主页上

下面我有我使用的代码，这样当你点击按钮时，图片会改变它的图像为点击，然后当你释放鼠标时，它会返回到原始图像，使它看起来像按钮弹出。问题是，它只在它想要的时候起作用。它将一直工作，直到你释放鼠标，按钮有一个坏的图像图片。有什么帮助吗

<p style="text-align: center; margin-top: -18.75px;">
<span style="font-family: arial, helvetica, sans-serif;"><a href="/index.php/about-
us/about-us"><img alt="Learn More About Company" 
onmousedown="this.src='/folder/image_pop.png';" 
onmouseup="this.src='/folder/image.png';" 
src="/folder/image.png" style="width: 144px; height: 
35px;" /></a></span></p>

您是否尝试在webbrowser中打开图像？损坏的图像通常是由于在web服务器上缺乏读取权限造成的。@Tony是的，但也要记住，源图像与“onmouseup”图像是同一图像，并且源图像看起来很好。为什么，哦，为什么不直接使用CSS？@isherwood很遗憾，我没有访问CSS文件的权限。我工作的公司使用Joomla，只允许通过Joomla访问，而不是核心文件。这很公平。例如，您可以安装ExtPlorer并访问源文件，或者您可以安装一个仅用于CSS的扩展。它比点击处理程序优雅得多。实际上，您通常可以在文章中正确地放置样式标记。