编修Spry可收合面板的样式.pptVIP

第14章 Spry 組件的應用 14-1　Spry 多層次選單 14-2　Spry 標籤面板 14-3　Spry 摺疊式面板 14-4　Spry 可收合面板 14-1　Spry 多層次選單 插入Spry 選單列 編輯Spry 選單項目 以CSS 樣式編修選單列樣式 更換選單列的預設色彩 更換滑鼠移入選單時的色彩 設定選單列的長度 14-2　Spry 標籤面板 插入Spry 標籤面板 編修標籤標題與數量 調整標籤名稱順序 插入標籤內容 以CSS 設定標籤樣式 以CSS 設定面板樣式 14-3　Spry 摺疊式面板 插入與編修Spry 摺疊式面板 編修Spry 摺疊式面板的CSS 樣式(1) 編修Spry 摺疊式面板的CSS 樣式(2) 「.AccordionPanelTabyy 」規則：可以更換預設的標籤底色，但不包括目前被選取的標籤。（如上圖標示為「1」的面板）。 y「y.AccordionPanelOpen .AccordionPanelTab」規則：可以更換預設被選取的標籤底色。（如上圖標示為「2」的面板）。 y「y.AccordionPanelOpen .AccordionPanelTabHover」規則：設定滑鼠移入預設展開的面板時，所呈現的顏色。 y「y.AccordionFocused .AccordionPanelTab」規則：設定面板被點選後所呈現的色彩，但不包括目前被選取的標籤。（如上圖標示為「3」的面板）。 「y.AccordionFocused .AccordionPanelOpen .AccordionPanelTab」規則：設定面板被點選後，目前被展開的標籤顏色。（如上圖標示為「4」的面板）。 14-4　Spry 可收合面板 插入與編輯Spry 可收合面板 編修Spry 可收合面板的樣式 預設的面板若要修正色彩或文字效果，同樣是透過「CSS 樣式」面板來修正。底下提供幾項規則供各位參考： 「.CollapsiblePanelTabyy 」：設定預設的面板顏色。 「CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover」：控制滑鼠移入面板標籤時所呈現的顏色。 「CollapsiblePanelFocused .CollapsiblePanelTab」： 設定面板被展開時，或再度收合時所呈現的顏色。 本章結束 * * * * * * *