如何通过转换在 xul 中打开弹出窗口

Question

我有一个面板，当用户单击工具栏按钮时打开它，为了打开它，我正在使用 openPopup 方法。
我想用一些效果打开弹出窗口，我不知道 - 淡入、淡出、缓动，我该怎么做？

Answer 1

您可以根据需要更改面板不透明度。 一些代码表明它可能如何工作（未经测试）：

var panel = ...;
fadeIn(panel);
panel.openPopup(...);

function fadeIn(element)
{
  var step = -1;
  var maxStep = 10;
  function doStep()
  {
    step++;
    element.style.opacity = step / maxStep;
    if (step < maxStep)
      setTimeout(doStep, 100);
  }
  doStep();
}

但是有一个问题：并非所有 Linux 发行版都支持面板透明度。 对于某些发行版，如果不透明度小于 1，您将获得黑色矩形而不是面板。但是 Windows 和 OS X 可以正常工作。