Não vou dizer muito absurdo, vou apenas postar o código -chave para você. O código específico é o seguinte:
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> novo documento </title> <meta http-equiv = "content-type" content = "text/htmle; type = "texto/css">. Caixa {largura: 1000px; margem: 0 Auto; altura: 500px; borda: 1px verde sólido;}. margem: 10px 10px; cor de fundo: #eee; alinhamento vertical: médio; fundo: url (re_code2.png) sem repetição #eee 8px 8px; background-size: 15px;}. margem: 10px 10px;}. Pb1: pairar {cor de fundo: #eee; alinhamento vertical: médio; fundo: url (re_code1.png) no-repetição #eee 8px 8px; background-size: 15px;} </estilo> <script = "text/javscript"> style = "Background-Color: #fff;"> <div> <div onMouseout = "this.className = 'tbox'" onMouseMove = "this.className = 'tbox1 pb1'"> <div estilo = "float: esquerda; largura: 30px; altura: 30px;"> </div> <estilo = ""; type = "senha" espaço reservado = "digite senha" value = ""/> </div> </div> <div> </body> </html>O acima é o compartilhamento que o editor apresentou a você. O código JS implementa a caixa de entrada e a imagem para alterar o estilo ao mesmo tempo. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!