Saya tidak akan mengatakan banyak omong kosong, saya hanya akan memposting kode kunci untuk Anda. Kode spesifiknya adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <adept> <title> dokumen baru </iteme> <meta http-equiv = "content-type" content = "Texe/html; charset = utf-8"/<tautan rel = "style"/html; charset = utf-8 "/<tautan rel =" style "/html; charset = uTf-8"/<tautan rel = "style" "html; cars =" htfs = "htef =" htef = "htef =" htef = "htef =" htef = "html" html "html" html "htsheet =" htsheet = "htsheet =" htsheet " type = "text/css">. box {width: 1000px; margin: 0 auto; tinggi: 500px; border: 1px solid green;}. tbox {lebar: 150px; tinggi: 30px; border: 1px solid #585858; margin: 10px 10px; latar belakang-warna: #eee; vertikal-align: tengah; latar belakang: url (re_code2.png) no-repeat #eee 8px 8px; ukuran latar belakang: 15px;}. ptes {lebar: 115px; tinggi: 30px;}. Tbox1 {width {width: 11px; tinggi: 30px;}. Tbox1 {width: width: 11px; tinggi: 30px;}. Tbox1 {width: width: 11px; tinggi: 30px; margin: 10px 10px;}. PB1: hover {latar belakang-color: #eee; vertikal-align: tengah; latar belakang: url (re_code1.png) no-repeat #eee 8px 8px; ukuran latar belakang: 15px;} </style> <script type = "teks/javascript"> </head> </head> </style> <script type = "teks/javascript"> <//</head </style> </style> <skrip = "teks/javascript"> </} </style> </style> <skrip = "teks/javascript"> </} </style> </style> <skrip = "teks/javascript"> <//</heads> style = "latar belakang-warna: #fff;"> <v div> <div onmouseout = "this.classname = 'tbox'" onmouseMove = "this.classname = 'tbox1 pb1'"> <div style = "float: load; width: 30px; tinggi: 30px;"> </div> <float = "lebur"; placeholder = "Harap masukkan kata sandi" value = ""/> </div> </div> <div> </body> </html>Di atas adalah berbagi yang diperkenalkan editor kepada Anda. Kode JS mengimplementasikan kotak input dan gambar untuk mengubah gaya pada saat yang sama. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!