天天看点

利用js控制css

网页上某个按钮当鼠标指向时换了另一种样式,而鼠标离开时则还原为原样,其实有很多种方法可以实现,下面简介一种本人认为最简单的方式

主要就是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>

利用这个方法可以实现很多效果,例如将表格中某一行变色等