Ringkasan: Banyak desainer yang menghargai pengalaman pengguna ingin menambahkan fokus mendapatkan fokus atau efek switching gaya saat mouse melayang. Bahkan, ini sangat sederhana. Artikel ini memperkenalkan cara beralih gaya saat mendapatkan fokus.
Banyak desainer yang menghargai pengalaman pengguna berharap untuk menambahkan fokus fokus atau efek switching gaya ketika mereka mendapatkan fokus atau mouse hover. Bahkan, ini sangat sederhana. Artikel ini memperkenalkan cara beralih gaya saat mendapatkan fokus.
Salin kode kode sebagai berikut:
Function FocusInput (FocusClass, NormalClass) {
varings = document.geteLementsbyTagname ("input");
untuk (var i = 0; i <elements.length; i ++) {
If (elemen [i] .type! = "Tombol" && elemen [i] .type! = "Kirim" && elemen [i] .type! = "Reset") {
// if_f (elemen [i] .type == "text") {{
Elemen [i] .onfocus = function () {this.className = focusclass;};
Elemen [i] .onblur = function () {this.className = NormalClass || '';};
}
}
}
window.onload = function () {
FocusInput ('FocusInput', 'NormalInput');
}
Salin kode kode sebagai berikut:
<Type style = "text/css">
.normalInput {border: 1px solid #ccc;}
.focusInput {border: 1px solid #ffd42c;}
</tyle>