右旋按鈕

按一下或點擊此按鈕將影像旋轉到主視圖中的右側。 此按鈕不顯示在行動電話上以保存螢幕不動產。 此外,當使用多維旋轉集時,按鈕被隱藏。 可以使用CSS調整按鈕的大小、外觀和位置。

旋轉按鈕的CSS屬性

該按鈕將添加到由CSS類選擇器控制的DIV的內部容器中:

.s7spinviewer .s7spinbuttons

CSS屬性

說明

頂部

從上邊框定位,包括填充。

右側

從右邊框定位,包括填充。

左側

從左邊框定位,包括填充。

底部

從底邊框定位,包括填充。

width

按鈕的寬度。

height

按鈕的高度。

此按鈕在容器內的外觀由CSS類選擇器控制:

.s7spinviewer .s7spinbuttons .s7panrightbutton

CSS屬性

說明

頂部

從上邊框定位,包括填充。

右側

從右邊框定位,包括填充。

左側

從左邊框定位,包括填充。

底部

從底邊框定位,包括填充。

寬度

按鈕的寬度。

高度

按鈕的高度。

背景影像

為給定按鈕狀態顯示的影像。

背景位置

如果使用CSS浮雕,則在圖稿浮雕內定位。

請參閱 CSS繁體

注意

此按鈕支援 state 屬性選擇器,可用於將不同外觀應用於不同按鈕狀態。

按鈕工具提示可以本地化。 請參閱 用戶介面元素的本地化 的子菜單。

示例 — 設定一個28 x 28像素的旋轉右按鈕,該按鈕位於內容器的右邊緣。 最後,為四個不同的按鈕狀態中的每個狀態顯示不同的影像:

.s7spinviewer .s7spinbuttons .s7panrightbutton {
 position:absolute;
 right: 0px;
 width:28px;
 height:28px;
 background-size:contain;
 }
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='up'] {
background-image:url(images/v2/SpinRightButton_light_up.png);
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='over'] {
background-image:url(images/v2/SpinRightButton_light_over.png);
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='down'] {
 background-image:url(images/v2/SpinRightButton_light_down.png);
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='disabled'] {
 background-image:url(images/v2/SpinRightButton_light_disabled.png);
}

本頁內容