分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
废话不多说了，直接给大家贴关键代码了，具体代码如下所示：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>newdocument</title>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<linkrel="stylesheet"type="text/css"href=""/>
<styletype="text/css">
.box{width:1000px;margin:0auto;height:500px;border:1pxsolidgreen;}
.tbox{width:150px;height:30px;border:1pxsolid#585858;margin:10px10px;background-color:#eee;vertical-align:middle;background:url(re_code2.png)no-repeat#EEE8px8px;background-size:15px;}
.ptes{width:115px;height:30px;}
.tbox1{width:150px;height:30px;border:1pxsolidred;margin:10px10px;}
.pb1:hover{background-color:#eee;vertical-align:middle;background:url(re_code1.png)no-repeat#EEE8px8px;background-size:15px;}
</style>
<scripttype="text/javascript"></script>
</head>
<bodystyle="background-color:#FFF;">
<divclass="box">
<divclass="tbox"onmouseout="this.className='tbox'"onmousemove="this.className='tbox1pb1'">
<divstyle="float:left;width:30px;height:30px;">
</div>
<divclass="ptes"style="float:left;">
<inputid="password"name="password"type="password"placeholder="请输入密码"value=""style="width:100%;height:26px;border-style:none"/>
</div>
</div>
<div>
</body>
</html>
以上所述是小编给大家介绍的分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！