요약 : 사용자 경험을 소중히 여기는 많은 디자이너는 마우스가 호버 할 때 초점 또는 스타일 스위칭 효과를 얻는 데 초점을 더하려고합니다. 실제로 매우 간단합니다. 텍스트 상자와 OnFocus 이벤트 또는 기타 해당 이벤트 만 가져와야합니다. 이 기사는 초점을 얻을 때 스타일을 전환하는 방법을 소개합니다.
사용자 경험을 소중히 여기는 많은 디자이너는 초점 또는 마우스 호버를 얻을 때 초점 또는 스타일 스위칭 효과의 초점을 더하기를 희망합니다. 실제로 매우 간단합니다. 텍스트 상자와 OnFocus 이벤트 또는 기타 해당 이벤트 만 가져와야합니다. 이 기사는 초점을 얻을 때 스타일을 전환하는 방법을 소개합니다.
다음과 같이 코드 코드를 복사하십시오.
FOCUTE FOCUSINPUT (FOCUSCLASS, NORMALCLASS) {
varings = document.getElementsByTagName ( "입력");
for (var i = 0; i <elements.length; i ++) {
if (elements [i] .type! = "button"&& elements [i] .type! = "제출"&& elements [i] .type! = "Reset") {
// if_f (요소 [i] .type == "text") {{
요소 [i] .onfocus = function () {this.className = focclascclass;};
요소 [i] .onblur = function () {this.classname = normalclass ||};
}
}
}
Window.onload = function () {
FocusInput ( 'FocusInput', 'NormalInput');
}
다음과 같이 코드 코드를 복사하십시오.
<스타일 유형 = "텍스트/CSS">
.NormalInput {Border : 1px Solid #CCC;}
.focusInput {Border : 1px solid #ffd42c;}
</스타일>