javascript - 使用 JQuery 或 Javascript 寻求同时淡入淡出和模糊效果

标签 javascript jquery fade blur

谁能想出一种方法来模拟以下网站中使用的淡入淡出/模糊闪光效果:

http://www.frenchlaundry.com/ (图像在悬停时淡入淡出并模糊,而文本同时淡入)

使用 JQuery?我希望在加载时或 DOM 准备就绪时(而不是在悬停时)发生整个效果链。我所说的模糊是指高斯类型的模糊——可能使用 Pixastic (?)

我在这方面真的很陌生,所以请保持温柔:)

谢谢。

最佳答案

你应该使用 Jquery 的 animate() 方法来实现你想要的。

查看下面的链接...它有很多示例:

http://api.jquery.com/animate/

HTH

关于javascript - 使用 JQuery 或 Javascript 寻求同时淡入淡出和模糊效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2619138/

相关文章:

javascript - 如何使出现在点击上的文本对 SEO 可见?

javascript - 如何用node js连接React Js到mysql?

javascript - 如何用JavaScript解压SVGZ?

php - 使用 POST 数据打开 Window.open() 并使用 PHP 获取数据

ios - 我如何在单元格加载时淡入淡出?

javascript - Meteor 返回字符串形式的值

javascript - 如何将侧边栏放在视频框下方

jquery - 如何在 jQuery 中将 Bootstrap 复选框附加到数据表

jquery - 鼠标悬停后不断淡入

javascript - 滚动时淡化不透明度