更改高亮颜色答案

【问题标题】：Change highlight color更改高亮颜色
【发布时间】：2009-04-27 22:50:16
【问题描述】：

jQuery 的 highlight 方法会高亮任何带有黄色背景的 div。

如何指定使用什么颜色而不是黄色来突出显示？

【问题讨论】：

【解决方案1】：

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

【讨论】：

只是想知道，如何仅突出显示文本，而不是背景？
这个答案中给出的例子很容易理解，不像上面链接的页面上的文档是为了“突出显示”效果并且非常稀疏。有关 .effect() 本身的更多详细信息，请参阅此页面：api.jqueryui.com/effect。

【解决方案2】：

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

将以红色突出显示。都在documentation。

【讨论】：

color = 会出现语法错误。符号是关键：'value'
抱歉 - 我脑子里太沉迷于匿名 c# 类型了... ;) 已编辑！
干杯，伙计们。我正在查看 jqueryui 文档，它不像 jquery 的文档那么详细

【解决方案3】：

FWIW 我发现在 jQuery 1.7.2 usingeffect("highlight",...) 中，当元素的当前颜色被指定为文本或突出显示颜色被指定为文本（即"blue"）而不是在十六进制表示法："#ff0000".

【讨论】：

【解决方案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");

        }
      });

这将提供带有不透明外观的漂亮悬停效果。

【讨论】：