Jquery颜色更改

Jquery颜色更改,jquery,Jquery,我有一个元素,可以有一个任意的背景颜色(通过CMS设置) 我想通过在鼠标上方使其变亮和在鼠标外使其变暗来突出显示它 我尝试使用.css('background-color')来获取和设置值,但它似乎比我预期的要复杂得多 做这件事的非愚蠢方式是什么 编辑:只是想澄清一下——微妙的一点是解析和计算颜色值——而不是处理事件 编辑:颜色插件给了我一种读取颜色值的方法,但是没有颜色算法和书写支持,我仍然不得不做一些愚蠢的工作 最后,我使用了快速的“fadeTo”,但需要确认不透明度动画在IE6中是否正常工

我有一个元素,可以有一个任意的背景颜色(通过CMS设置)

我想通过在鼠标上方使其变亮和在鼠标外使其变暗来突出显示它

我尝试使用.css('background-color')来获取和设置值,但它似乎比我预期的要复杂得多

做这件事的非愚蠢方式是什么

编辑:只是想澄清一下——微妙的一点是解析和计算颜色值——而不是处理事件

编辑:颜色插件给了我一种读取颜色值的方法,但是没有颜色算法和书写支持,我仍然不得不做一些愚蠢的工作

最后,我使用了快速的“fadeTo”,但需要确认不透明度动画在IE6中是否正常工作。

使用jQuery

要处理获取现有颜色然后对其进行更改的问题,您必须找到一个能够理解修改HTML#XXXXXX样式颜色的库。如果有人将背景颜色设置为“red”之类的名称,您还必须小心。请使用jQuery

要处理获取现有颜色然后对其进行更改的问题,您必须找到一个能够理解修改HTML#XXXXXX样式颜色的库。如果有人将背景颜色设置为“红色”之类的名称,您还必须小心。您签出了吗

我认为颜色操作不存在于核心jQuery代码中,但jQuery的最新版本可能已经包含了它

您需要它来让jQuery正确理解颜色操作。

您签出了吗

我认为颜色操作不存在于核心jQuery代码中,但jQuery的最新版本可能已经包含了它


您需要它来让jQuery正确理解颜色操作。

我不知道您所说的“精细”是什么意思,但我刚刚测试了它,它似乎在最新的jQuery上工作

$(document).ready(function() {
    var originalbc = $("#ThingThatChangesColors").css("background-color");
    $("#ThingThatChangesColors").mouseenter(function() {
        $(this).css("background-color", "#FFF");
    });
    $("#ThingThatChangesColors").mouseleave(function() {
        $(this).css("background-color", originalbc);
    });
});

我不知道你所说的“fiddly”是什么意思,但我刚刚测试了它,它似乎在最新的jQuery上工作

$(document).ready(function() {
    var originalbc = $("#ThingThatChangesColors").css("background-color");
    $("#ThingThatChangesColors").mouseenter(function() {
        $(this).css("background-color", "#FFF");
    });
    $("#ThingThatChangesColors").mouseleave(function() {
        $(this).css("background-color", originalbc);
    });
});

如果希望在悬停时进行平滑的颜色更改,如果希望在悬停时进行平滑的颜色更改,可以尝试,你可以试试

这看起来像是一个可以处理HTML颜色的库的好例子。你仍然需要1.3.2版本的颜色插件。这看起来像是一个可以处理HTML颜色的库的好例子。你仍然需要1.3.2版本的颜色插件。事实上,我不知道要设置什么颜色-我只想获得当前颜色并进行修改事实上我不知道该设置什么颜色-我只想得到当前的颜色并修改它。