Jquery 鼠标悬停时的图像发光？

我看到过这样的效果，当鼠标在图像上时，图像会发光。我不是说边界发光，我是指图像中的颜色发光。我发现有一个叫做Pixastic的库，这里可以看到辉光效应

有没有办法将这种效果应用于鼠标悬停在图像上？我想做一个发光的按钮

---

谢谢

你在找这样的东西吗

对于你所有的鼠标冒险，我想推荐这个

---

正如您在Pixastic示例中看到的，提交表单时调用

demo（）

函数

function demo() {
    Pixastic.process(document.getElementById("demoimage"), "glow", {
        amount : $("#value-amount").val(),
        radius : $("#value-radius").val()
    });
}

因此，您必须在项目中包含

glow.js

，并在hover上调用此函数

$('img.myimage').hover(function() {
    Pixastic.process($(this), "glow", {
        amount : 0.5,
        radius : 0.5
    });
}, function() {
    Pixastic.process($(this), "glow", {
        amount : 0,
        radius : 0
    });
});

---

或

revert（）

如所示

您必须创建如下鼠标悬停事件：

$("img").hover(
  function () {
    Pixastic.process($(this).get(0), "glow", {amount:0.5, radius:1.0});
  }, 
  function () {
    Pixastic.revert($(this).get(0));
  }
);

---

第一个功能在您使用鼠标光标输入图像时触发。当鼠标离开图像区域时，调用第二个函数。这是将图像重置为初始状态所必需的。

您好，您可以使用CSS以及

请查看现场演示：-

---

“我见过这样的效果，当鼠标在图像上时，图像会发光。”-你在哪里看到的？Zurb发光按钮实际上是使用css颜色制作的。我正在尝试让一个图像（png）发光。Hoverballs看起来很酷，但没有任何发光效果。还有其他想法吗？这不会在mouseleave事件后重置发光效果Hover是mouseenter和mouseleave的快捷方式。更新了我的答案