圖示效果

旋轉指示器覆蓋在主視圖區域上。 當影像處於重設狀態時,就會顯示它,而且它也會依循圖示效果參數。

主檢視器區域的CSS屬性

檢視區域的外觀會使用下列CSS類別選擇器加以控制:

.s7spinviewer .s7spinview .s7iconeffect

CSS屬性

說明

背景影像

回轉指示器圖稿。

背景位置

如果使用CSS精靈,請放在圖稿精靈內。

請參閱 CSS精靈

width

回轉指示器寬度。

height

回轉指示器高度。

回轉指示器支援在單維回轉集中設定為spin_1Dstate屬性選擇器,在多維回轉集中設定為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); 
}

本頁內容