javascript - 淡化页面背景和播放动画

Question

Raphael我有一个 html 页面，在其中我使用库制作了一些动画，其中矢量在画布上绘制Raphael JS。所以，这是我面临一些困惑的场景。

在初始点，我的 html 页面上需要有一个圆圈，带有一个 click 事件处理程序。单击圆圈应该淡出页面的其余部分并播放一些动画与圆圈。我现在可以播放动画，但是如何淡化其余部分，以便只有圆圈及其动画在页面上突出显示？

Answer 1

1. 创建具有 100% 宽度和高度的覆盖 DIV，在页面其余部分上方的 z-index 和 display:none 属性（在此覆盖 div 中，您将拥有画布）
2. 在圆圈点击事件上使用 jquery $("#overlayDiv").fadeIn()
3. 现在做一些你试图用动画做的肮脏的事情。