鼠标悬停上的图像发光？

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));
  }
);

使用鼠标光标输入图像时会触发第一个功能.当鼠标离开图像区域时,将调用第二个函数.需要将图像重置为初始状态.