Ich werde nicht viel Unsinn sagen, ich werde Ihnen nur den Schlüsselcode veröffentlichen. Der spezifische Code lautet wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns = "http://www.w3.org/1999/xhtml"> <kopf> <titels> Neues Dokument </title> <meta http-äquiv = "content-type" content = "text/html; charset = utf-8"/> <link rel = "stylesStyp" type = "stylesStyp". Typ = "Text/CSS">. Box {Breite: 1000px; Rand: 0 Auto; Höhe: 500px; Rand: 1px Festes Grün;}. Tbox {Breite: 150px; Höhe: 30px; Rand: 1px fest #585858; Rand: 10px 10px; Hintergrundfarbe: #eee; Vertical-Align: Middle; Hintergrund: url (re_code2.png) No-Repeat #eee 8px 8px; Hintergrundgröße: 15px;}. Rand: 10px 10px;}. Pb1: Hover {Hintergrundfarbe: #eee; Vertical-Align: Middle; Hintergrund: url (re_code1.png) no-repeat #eee 8px 8px; Hintergrundgröße: 15px;} </style> <script type style = "background-color: #fff;"> <div> <div onmouseout = "this.classname = 'tbox'" OnmousEmove = "this.classname = 'tbox1 pb1'"> <div style = "float: links; Breite: 30px; Höhe: 30px; Placeholder = "Bitte geben Sie das Passwort ein" value = ""/> </div> </div> <div> </body> </html>Das obige ist die Freigabe, die der Editor Ihnen vorgestellt hat. Der JS -Code implementiert das Eingabefeld und das Bild, um den Stil gleichzeitig zu ändern. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!