Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用JavaScript或jQuery模糊图像?_Javascript_Jquery_Blur - Fatal编程技术网

用JavaScript或jQuery模糊图像?

用JavaScript或jQuery模糊图像?,javascript,jquery,blur,Javascript,Jquery,Blur,有没有办法用JavaScript/jQuery模糊图像,这样当图像模糊时,我可以通过鼠标悬停来锐化它们 我可以为你做这件事。以下是相关文件: 要模糊: Pixastic.process(document.getElementById('demoimage'), 'blur'); 恢复: Pixastic.revert(document.getElementById('demoimage')); 使用jQuery的整个解决方案: var blur = function () { Pix

有没有办法用JavaScript/jQuery模糊图像,这样当图像模糊时,我可以通过鼠标悬停来锐化它们

我可以为你做这件事。以下是相关文件:

要模糊:

Pixastic.process(document.getElementById('demoimage'), 'blur');
恢复:

Pixastic.revert(document.getElementById('demoimage'));
使用jQuery的整个解决方案:

var blur = function () {
    Pixastic.process(this, 'blur');
};

var unblur = function () {
    Pixastic.revert(this);
};

$('img').each(blur).hover(unblur, blur);

jQuery有一个名为blur.js的插件,它使用了我的非常快速的堆栈模糊算法:

可能是你的副本,先生,真是太棒了!:D谢谢:)你很好。。。之前没有看到评论:D。。。我试过了,它成功了:)