[問題] 關於這個JQuery選單...

看板Web_Design作者 (怪龍-卡西歐魯)時間15年前 (2010/05/21 15:41), 編輯推噓4(4推 0噓 3→)
留言7則, 3人參與, 最新討論串1/2 (看更多)
最近在製作的網頁上使用了這個叫Lavalamp的JQuery選單 http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/ 我希望能將選單做下列修改： 1.當滑鼠滑過按鈕時，字體變成紅色 2.當點下按鈕後，除了背景停留在該按鈕上外，字體也要維持紅色 第一點很簡單，在CSS裡面加個.lavaLamp li a:hover就好了 但是問題在於第二點，我要嘗試修改JQuery程式碼 我在網頁附的.js檔裡面已經找到了下列部分 $li.click(function(e){ ... }) 裡面應該就是寫滑鼠點下後要做的動作 但是問題是不知道要怎麼設定目前點下的這個按鈕的color為紅色... 試過了this.css("color", "#FF0000");也沒用的樣子 希望各位板友能夠給予一些提示或指教 在這邊先感謝了 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.241.92.249
推
05/21 16:15, , 1F
this.css("background-color","#FFFF00") 這樣？
05/21 16:15, 1F
→
05/21 16:16, , 2F
等等...我又弄錯了
05/21 16:16, 2F
→
05/21 17:03, , 3F
試試看 $(this).css(... , ...);
05/21 17:03, 3F
推
05/21 17:57, , 4F
$(this).children('.left').css(...);
05/21 17:57, 4F
推
05/21 17:59, , 5F
然後它本身的bg-image也要移除掉才看的到bg-color。
05/21 17:59, 5F
感謝回應 不過我要改的不是背景顏色，而是「字體」的顏色冏" 剛才有自己試過$(this).css("color","#FF0000"); 但是好像還是沒有用 而且又突然想到 就算成功了，要怎麼讓它在點選其它按鈕的時候將顏色變回來呢...?(汗) ※ 編輯: hcl012 來自: 210.241.92.249 (05/24 09:18)
推
05/24 15:17, , 6F
可以.addClass('xxx')然後離開時再.removeClass('xxx')，
05/24 15:17, 6F
→
05/24 15:17, , 7F
透過變動class去改變樣式即可。
05/24 15:17, 7F
‣ 更多 hcl012 的文章
文章代碼(AID): #1BzZb4Gu (Web_Design)
‣ 更多 hcl012 的文章
文章代碼(AID): #1BzZb4Gu (Web_Design)