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

JavaScript013

用js实现：鼠标移入前是上部分，移入则显示出下部分，移出则会恢复，点击后移出则会保持为下部分。,第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>

这个平时的话，自己还是多上心，看一下。因为不能等到自己想用的时候，然后来着急忙慌的找这个。不过还是俗话说的，车到山前必有路。眼光放宽，多看看。至于你问的天虹小羽。这个之前有听到过，还是自己多比较吧！