css鼠标悬停图片更换?

来源：百度知道 编辑：UC知道 时间：2024/06/24 18:21:28
原来是这样的：图片链接
<a href="1.ASP" style="cursor:pointer">
<img src="images/1_a.gif" name="Image14" width="170" height="81" border="0">
</a>
离开链接后，图片是images/1_a.gif；
当鼠标悬停的时候，图片要变换成：images/1_b.gif

光这2个功能，我能通过css实现。
我现在要不仅仅实现以上2个功能，同时我还要点击过这个链接后，图片就是images/1_b.gif。

这个该如何实现呢？

麻烦给出整体代码来。谢谢啊。

<html>
<script language="javascript">
function jiaohuan(){
document.getElementById('im').src="2.jpg";
}
function huanyuan(){
document.getElementById('im').src="1.gif";
}
</script>
<body>
<a href="2.jpg"><img id="im" src="1.gif" onmouseout="huanyuan();" onmouseover="jiaohuan();"/></a>
</body>
</html>

a:actived{
background:url(images/1_b.gif) no-repeat;
}