首页 > Web开发 > 详细

JS学习之onmouseover事件与onmouseout事件实现

时间:2019-07-11 21:21:12      阅读:153      评论:0      收藏:0      [点我收藏+]

很简单,直接上代码

html:

 

 1 <tr onmouseover="mover(‘userName1‘)" onmouseout="mout(‘userName1‘)" id="userName1">
 2                     <td>
 3                         姓名
 4                     </td>
 5         
 6                     <td>
 7                         *
 8                         <input type="text" name="userName" id="userName" onfocus="of(‘userName‘)" onblur="ob()" required="required" />
 9                         
10                     </td>
11                 </tr>

 

JS代码:

1     function mover(id){
2                 document.getElementById(id).style.backgroundColor="pink";
3                 
4             }
5               function mout(id){
6                 document.getElementById(id).style.backgroundColor="white";
7             }

 

JS学习之onmouseover事件与onmouseout事件实现

原文:https://www.cnblogs.com/zhang188660586/p/11172779.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!