텍스트 상자의 포커스 스타일 변경
fieldset>
먼저 CSS에 클래스 이름 포커스가 있는 스타일을 추가합니다.
css 코드는 다음과 같습니다.
코드 복사
background: #fcc;
}
그런 다음 텍스트 상자에 포커스 가져오기 및 손실 이벤트를 추가하세요
코드 복사
$(this).addClass("focus");
}).blur(function(){
$(this).removeClass("focus") ;
});
});
다중 텍스트 상자 기능
댓글 상자의 최소 및 최대 높이 설정:
코드 복사
1. 댓글 상자가 500px 미만인 경우 원래 높이에 50px가 추가됩니다.
2. "축소" 버튼을 클릭한 후 댓글 상자의 높이가 50px보다 큰 경우 기준으로 50px만큼 줄어듭니다. 원래 높이;
$comment.animate({height : " =50"}, 400);
}
}
})
$('.smaller').click(function( ){
if(!$comment.is(":animated")){ //결정 애니메이션 여부
if($comment.height() > 50){
$comment.animate( {height : "-=50"}, 400)
}
}
})
})
스크롤 막대 높이 변경
줄 텍스트 상자의 스크롤 막대에 대한 추가 변경 사항 제어:
코드 복사
$comment.animate({scrollTop : "-=50 "}, 400);
}
})
$('.down').click(function(){
if($comment.is(":animated")){
$comment.animate({scrollTop : " =50"}, 400);
})
})
체크박스 적용
기본 적용: 모두 선택 확인란을 선택하고, 선택을 반전하고, 모든 작업을 선택 취소합니다.
코드 복사