淡化页面背景和播放动画

Question

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

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

Answer 1

1. 创建100％宽度和高度的叠加DIV，在页面其余部分上方显示z-index并显示：none属性（在此叠加div中，您将拥有画布）
2. 关于圈子点击事件，请使用jquery $（“＃overlayDiv”）。fadeIn（）
3. 现在做一些你想用动画制作的脏东西。