我的最愛效果

檢視器會在主檢視上顯示「我的最愛」圖示,位於使用者原本新增的位置。

「我的最愛」圖示的外觀會由下列CSS類別選擇器控制:

.s7ecatalogviewer .s7favoriteseffect .s7icon

「我的最愛」圖示的CSS屬性

背景影像

為表徵圖顯示的影像。

背景位置

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

另請參閱 CSS精靈

width

圖示寬度。

height

圖示的高度。

範例——設定36 x 36像素「我的最愛」圖示。

.s7ecatalogviewer .s7favoriteseffect .s7icon { 
 height: 36px; 
 width: 36px;  
 background-image: url(images/v2/FavoriteEffect_dark_up.png); 
}

在案頭系統上,該元件支援cursortype屬性選擇器,您可以將該選擇器應用於.s7favoriteseffect類,並根據選定的用戶操作控制游標類型。 支援下列cursortype值:

mode_add

顯示的用戶正在添加新的收藏夾表徵圖。

mode_remove

顯示的用戶正在刪除現有的收藏夾表徵圖。

mode_view

當「我的最愛」編輯未作用時,會以正常操作模式顯示。

示例——每種類型的元件狀態有不同的滑鼠游標。

.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_add"] { 
cursor: crosshair; 
} 
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_remove"] { 
cursor: not-allowed; 
} 
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_view"] { 
cursor: auto; 
}

本頁內容