[請益] Dreamweaver的Spry標籤面板設定問題
小弟想請問一個關於Spry標籤面板的標籤設定問題
以下舉例說明我的問題
我現在有標籤一跟標籤二。
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
我在CSS樣式列表之下的.TabbedPanelsTab點兩下進入編輯視窗，
然後將背景圖設為A圖(紅色表示)，而這時標籤二會跟著變。
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
於是我新增了一個.TabbedPanelsTab2並且把背景圖設為B圖(藍色表示)，
然後把它設為標籤二的類別。
我不知道這方法正不正規，不過它確實解決了我的問題。
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
但接下來才是問題的開始，因為標籤在你滑鼠移上去，
以及點選之後都能有不同的圖案。
於是我把.TabbedPanelsTabHover的背景圖設為C圖(黃色表示)，(箭頭代表滑鼠)
把.TabbedPanelsTabSelected的背景圖設為D圖(紫色表示)。
┌───┬───┐
│標籤一│標籤二│
┴─↖─┴───┴─────
(點選後)
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
而我想讓標籤二在滑鼠移上去以及點選後，
呈現跟標籤一不同的圖案。
於是我如法泡製的設定了，.TabbedPanelsTabHover2
以及.TabbedPanelsTabSelected2
並且把他們的背景圖設成不同的圖案，
但是呈現的效果標籤二跟標籤一是一樣的。
我希望的效果是:
平時
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
滑鼠移到標籤一
┌───┬───┐
│標籤一│標籤二│
┴─↖─┴───┴─────
滑鼠移到標籤二
┌───┬───┐
│標籤一│標籤二│
┴───┴─↖─┴─────
滑鼠點擊標籤一之後，面板切換到標籤一的內容
┌───┬───┐
│標籤一│標籤二│
┴─↖─┴───┴─────
滑鼠點擊標籤二之後，面板切換到標籤二的內容
┌───┬───┐
│標籤一│標籤二│
┴───┴─↖─┴─────
(顏色分別表示不同的背景圖案)
我會用到七個標籤，
現在似乎摸索到一個方法
但是只做用到兩個標籤
不知是否有解決的方法?
CSS語法設定那邊我看過了，
但是我CSS語法又不太行
實在看不出個所以然來
請各位幫解答 謝謝
已有爬過文，查過書，Google過了
可是依然找不到相關的方法
.TabbedPanelsTab的方法也是我土法煉鋼出來的，真的沒辦法了
所以來這邊求助各位!!!拜託了XD
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.127.178.120
※ 編輯: peterdance 來自: 122.127.178.120 (08/24 11:20)
推
08/24 11:45, , 1F
08/24 11:45, 1F
可是我現在做出來卻是
平時
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
滑鼠移到標籤一
┌───┬───┐
│標籤一│標籤二│
┴─↖─┴───┴─────
滑鼠移到標籤二
┌───┬───┐
│標籤一│標籤二│
┴───┴─↖─┴─────
滑鼠點擊標籤一之後，面板切換到標籤一的內容
┌───┬───┐
│標籤一│標籤二│
┴─↖─┴───┴─────
滑鼠點擊標籤二之後，面板切換到標籤二的內容
┌───┬───┐
│標籤一│標籤二│
┴───┴─↖─┴─────
我的問題點可能是在於
我不知道怎麼在設定中把
.TabbedPanelsTabHover改成.TabbedPanelsTabSelected2
.TabbedPanelsTabSelected改成.TabbedPanelsTabSelected2
我不知道去哪裡改 這可能是問題的所在
※ 編輯: peterdance 來自: 122.127.178.120 (08/24 12:04)
→
08/24 13:39, , 2F
08/24 13:39, 2F
→
08/24 13:39, , 3F
08/24 13:39, 3F
.TabbedPanelsTab2:hover OK了
不過.TabbedPanelsTabSelected好像不能這樣搞
他不讓我設定.TabbedPanelsTab2:Selected
如果我去SproTabbedPanels.js語法裡去把
Spry.Widget.TabbedPanels.addEventListener(tab, "click", function(e) {
return self.onTabClick(e, tab); }, false);
click改成mouseover
就會省掉點選標籤的功能
而是把滑鼠移到標籤上就可以看該面板的內容
這樣的話不管有沒有.TabbedPanelsTab2:Selected
都不會有影響
所以我目前的問題是解決了
不過還是想請問一下有沒有辦法
設定.TabbedPanelsTab2:Selected這玩意?
※ 編輯: peterdance 來自: 122.127.178.120 (08/24 14:02)
→
08/24 14:28, , 4F
08/24 14:28, 4F
→
08/24 14:28, , 5F
08/24 14:28, 5F