이 기사에서는 페이지에서 버튼 전환 효과를 얻기 위해 JQuery를 사용하여 클래스 속성을 작동합니다.
먼저 두 개의 클래스를 정의합니다.
.controlOff{
디스플레이:인라인 블록;
높이:36px;
배경 이미지:url("../iclass /images/ Teaching_off.png");
배경 반복: 반복 없음;
}
.controlOn{
display:inline-block;
너비:130px;
높이:36px;
cursor:pointer;
배경-이미지:url("../iclass/images/teach_on.png")
배경 반복: 반복 없음; }
다른 하이퍼링크 태그 정의:
그런 다음 JS를 작성하세요. 전환 효과를 완료하는 스크립트:
var target = $( "#teachControl");
if(target.hasClass("controlOff")){
target.removeClass("controlOff")
target.addClass ("controlOn");
}else{
target.removeClass("controlOn")
target.addClass("controlOff")
}
}
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
