jquery - 鼠标悬停时图像发光？

Question

我见过这种效果，当鼠标悬停在图像上时，该图像会发光。我不是在谈论边框发光，我的意思是图像中的颜色会发光。我发现有一个叫做 Pixastic 的库，可以在这里看到发光效果。

http://www.pixastic.com/lib/docs/actions/glow/

有没有办法在鼠标悬停在图像上时应用此效果？我正在尝试制作一个会发光的按钮。

谢谢!

Answer 1

你必须像这样创建一个鼠标悬停事件:

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

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