js控制鼠标事件移动及移出效果显示

2019-12-21,,

鼠标事件的移动及移出效果都可以使用js来自定义,下面有个示例,效果为当事件发生改变时背景颜色也随着改变,适合新手朋友

<style type="text/css">
.style0{
background-color:#FFFF00;
}
.style1{
background-color:#00FFFF;
}
</style>
</head>


<body>
<table width="576" height="79" border="1">
<tr>
<td id="td1" onmousemove="document.getElementById('td1').className='style0';" onmouseout="document.getElementById('td1').className='style1'"><div align="center" class="STYLE2">主页</div></td>
<td><div align="center" class="STYLE2">男</div></td>
<td><div align="center" class="STYLE2">女</div></td>
</tr>
</table>
</body> 

您可能感兴趣的文章:

  • JS实现鼠标移动到缩略图显示大图的图片放大效果
  • javascript实现图片跟随鼠标移动效果的方法
  • js+html+css实现鼠标移动div实例
  • JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
  • js实现鼠标左右移动,图片也跟着移动效果
  • js鼠标移动在title中显示图片的效果代码
  • js实现文字跟随鼠标移动而移动的方法
  • 鼠标拖拽移动子窗体的JS实现
  • js图片跟随鼠标移动代码
  • js实现图片跟随鼠标移动效果

《js控制鼠标事件移动及移出效果显示.doc》

下载本文的Word格式文档,以方便收藏与打印。