아이콘 효과

스핀 표시기는 기본 뷰 영역에 겹쳐집니다. 이미지가 재설정 상태일 때 표시되고 iconeffect 매개 변수에도 따라 달라집니다.

기본 뷰어 영역의 CSS 속성

보기 영역의 모양은 다음 CSS 클래스 선택기로 제어됩니다.

.s7spinviewer .s7spinview .s7iconeffect

CSS 속성

설명

배경 이미지

스핀 표시기 아트웍입니다.

배경 위치

CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 위치를 지정합니다.

자세한 내용은 CSS Sprite .

width

스핀 표시기 너비.

height

회전 표시기 높이입니다.

스핀 표시기는 state 으로 설정된 속성 선택기 spin_1D 1차원 스핀 세트가 있는 경우 및 spin_2D 다차원 스핀 세트가 있는 경우

예 - 100 x 100픽셀 확대/축소 표시기를 설정합니다.

.s7spinviewer .s7spinview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7spinviewer .s7spinview .s7iconeffect[state="spin_1D"] {
background-image: url(images/spinIcon_1D.png);
}
.s7spinviewer .s7spinview .s7iconeffect[state="spin_2D"] {
background-image: url(images/spinIcon_2D.png);
}

이 페이지에서는