Zusammenfassung: Viele Designer, die die Benutzererfahrung schätzen, möchten den Fokus der Erlangung des Fokus oder des Style -Switching -Effekts beim Schweben der Maus hinzufügen. Tatsächlich ist es sehr einfach. In diesem Artikel wird der Schwerpunkt der Styles eingeführt, wenn Sie den Fokus erhalten.
Viele Designer, die die Benutzererfahrung schätzen, hoffen, den Fokus des Fokus oder den Style -Switching -Effekt hinzuzufügen, wenn sie den Fokus oder den Maus -Schwebestand erhalten. Tatsächlich ist es sehr einfach. In diesem Artikel wird der Schwerpunkt der Styles eingeführt, wenn Sie den Fokus erhalten.
Kopieren Sie den Code -Code wie folgt:
Funktion FocusInput (FocusClass, NormalClass) {
varings = document.getElementsByTagName ("input");
für (var i = 0; i <elements.length; i ++) {
If (Elemente [i] .type! = "Button" && elements [i] .type!
// if_f (Elemente [i] .Type == "Text") {{{{{
Elemente [i] .onfocus = function () {this.className = FocusClass;};
Elemente [i] .onblur = function () {this.className = NORMALCLASS || '';};
}
}
}
window.onload = function () {
FocusInput ('FocusInput', 'NormalInput');
}
Kopieren Sie den Code -Code wie folgt:
<Style type = "text/css">
.normalinput {Grenze: 1px fest #ccc;}
.Focusinput {Grenze: 1PX Solid #ffd42c;}
</style>