Question

用js实现：鼠标移入前是上部分，移入则显示出下部分，移出则会恢复，点击后移出则会保持为下部分。

总之就是和超链接的viseted，hover等类似

Answer 1

把下面样式中的t.jpg换成你的图片地址就行了.

<style>
a.lk, a.lkd {
display: block;
height: 40px;
width: 143px;
background: transparent url('t.jpg') no-repeat scroll left top;
}
a.lk:hover, a.lkd {
background-position: bottom;
}
</style>
<a href="#" class="lk" onclick="javascript:this.className='lkd';">TEST</a>