如何通過轉換在 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 可以正常工作。