Je ne dirai pas beaucoup de bêtises, je vais simplement vous poster le code clé. Le code spécifique est le suivant:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <éread> <Title> nouveau document </ title> <meta http-equiv = "Content-Type" Content = "Text / html; charset = utf-8" /> <link rel = "Styleheet" type = "Text / Css" Type = "Text / CSS">. Box {largeur: 1000px; marge: 0 auto; hauteur: 500px; bordure: 1px solide vert;}. tbox {width: 150px; hauteur: 30px; bordure: 1px solide # 585858; marge: 10px 10px; fond-couleur: #eee; Vertical-Align: Middle; Background: URL (re_code2.png) sans répétition #eee 8px 8px; background-size: 15px;}. ptes {width: 115px; height: 30px;}. marge: 10px 10px;}. pb1: hover {background-color: #eee; vertical-agn: middle; background: url (re_code1.png) no-repeat #eee 8px 8px; background-size: 15px;} </yle> <script type = "text / javascript "> </cript> Style = "Background-Color: #fff;"> <div> <div onMouseout = "this.classname = 'tbox'" onMouseMove = "this.classname = 'toxy pb1'"> <div style = "float: left; width: 30px; toxy: 30px;"> </ div> <div style = "float: Left;"> <fut id = "Name =" Motkwork placeholder = "Veuillez entrer le mot de passe" value = "" /> </div> </div> <div> </ body> </html>Ce qui précède est le partage que l'éditeur vous a présenté. Le code JS implémente la boîte d'entrée et l'image pour modifier le style en même temps. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!