JQuery는 버튼 스위치 effect_jquery를 달성하기 위해 클래스 속성에서 작동합니다.

이 기사에서는 페이지에서 버튼 전환 효과를 얻기 위해 JQuery를 사용하여 클래스 속성을 작동합니다.

먼저 두 개의 클래스를 정의합니다.

코드를 복사합니다. 코드는 다음과 같습니다.

.controlOff{
디스플레이:인라인 블록;
높이:36px;
배경 이미지:url("../iclass /images/ Teaching_off.png");
배경 반복: 반복 없음;
}

.controlOn{
display:inline-block;
너비:130px;
높이:36px;
cursor:pointer;
배경-이미지:url("../iclass/images/teach_on.png")
배경 반복: 반복 없음; }


다른 하이퍼링크 태그 정의:

코드 복사 코드는 다음과 같습니다.

그런 다음 JS를 작성하세요. 전환 효과를 완료하는 스크립트:

코드 복사 코드는 다음과 같습니다. function switchTeachControl (){

var target = $( "#teachControl");

if(target.hasClass("controlOff")){
target.removeClass("controlOff")
target.addClass ("controlOn");

}else{
target.removeClass("controlOn")
target.addClass("controlOff")

}
}