网页上某个按钮当鼠标指向时换了另一种样式,而鼠标离开时则还原为原样,其实有很多种方法可以实现,下面简介一种本人认为最简单的方式
主要就是js的两个事件(onmouseover和onmouseout)当鼠标移动到某个元素上时触发onmouseover事件,当鼠标移开时触发onmouseout事件。
代码如下:
onmouseover="this.className='hover'" onmouseout="this.className=''"
具体的应用:
<button id="login-submit" tabindex="3" type="submit" onmouseover="this.className='hover'" onmouseout="this.className=''">登录</button>
利用这个方法可以实现很多效果,例如将表格中某一行变色等