更改突出顯示的顏色

Question

jQuery的突出顯示方法將突出顯示任何具有黃色背景的div。

如何指定使用什麼顏色而不是黃色來突出顯示？

Answer 1

按照documentation：

$(this).effect("highlight", {color: 'blue'}, 3000); 

Answer 2

$("div").click(function() { 
    $(this).effect("highlight", { color: "#ff0000" }, 3000); 
}); 

會以紅色突出顯示。全部在documentation。

Answer 3

FWIW我發現當jQuery 1.7.2使用effect("highlight",...)時，當元素的當前顏色被指定爲文本或突出顯示顏色被指定爲文本（即"blue"）而不是以十六進制表示法時： "#ff0000"。

Answer 4

 $('.divID').live('mouseover mouseout', function (event) { 
     if (event.type == 'mouseover') { 
      // do something on mouseover 
      $(this).css({ "background-color": YOURCOLOR, "opacity": ".50" }); 

     } 
     else { 
      // do something on mouseout 
      $(this).css("opacity", "100"); 

     } 
     }); 

這將給不透明外觀帶來不錯的懸停效果。