비디오: 마우스를 올리면 텍스트나 아이콘이 위아래서 스르륵 나타나는 효과[HTML+CSS{코남}] 2024
JavaScript 및 AJAX for Dummies 치트 시트
이러한 CSS 클래스는 jQuery UI 테마에서 정의됩니다. jQuery UI를 사용하는 경우 이러한 클래스 중 하나를 객체에 추가하여 테마 스타일을 추가 할 수 있습니다.
| Class | D escription | |
| ui-widget | 위젯의 외부 컨테이너 | 요소를 위젯처럼 보이게 만듭니다. |
| ui-widget-header | 표제 요소 | 고유 표제 모양을 적용합니다. |
| ui-widget-content | 위젯 | 요소 및 하위 요소에 위젯 내용 스타일을 적용합니다. |
| ui-state-default | 클릭 가능한 요소 | 표준 (클릭되지 않은) 상태를 표시합니다. |
| ui-state-hover | 클릭 가능한 요소 | 호버 상태를 표시합니다. |
| ui-state-focus | 클릭 가능한 요소 | 요소에 키보드 포커스가있을 때 포커스 상태를 표시합니다. |
| ui-state-active | 클릭 가능한 요소 | 요소를 마우스로 클릭하면 활성 상태를 표시합니다. |
| ui-state-highlight | 모든 위젯 또는 요소 | 요소가 현재 강조 표시되도록 지정합니다. |
| ui-state-error | 모든 위젯 또는 요소 | 요소에 오류 또는 경고
메시지가 포함되도록 지정합니다. |
| ui 상태 오류 텍스트 | 텍스트 요소 | 다른 요소를 변경하지 않고 오류 강조 표시
(주로 양식 유효성 검사에 사용됨)를 허용합니다. |
| ui-state-disabled | 위젯 또는 요소 | 위젯이 현재 비활성화되어 있음을 나타냅니다. |
| ui-corner-all,
ui-corner-tl (기타) |
모든 위젯 또는 요소 | 요소에 현재 코너 크기를 추가합니다. tl, tr, bl, br, 위쪽, 아래쪽, 왼쪽, 오른쪽으로 특정 모서리
를 지정하십시오. |
| ui-widget-shadow | 모든 위젯 | 위젯에 그림자 효과를 적용합니다. |
