分享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代码实现鼠标放在输入框上输入框和图片同时更换样式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!