如何在XUL中为Firefox附加组件设置面板动画

时间:2010-09-17 11:34:30

标签: javascript css firefox-addon xul

我为我作为IT票务系统工作的公司写了一个不错的小火狐附加组件。它的作用是通知经理新票或通知用户票的变更。

我开始在Windows上使用Firefox内置的notifer:

var alertsService = Components.classes [“@ mozilla.org/alerts-service;1”]。getService(Components.interfaces.nsIAlertsService);

这非常有效。但是,该服务的问题在于您实际上无法控制其速度,时间,样式或内容呈现方式。我决定转而使用面板,它可以很好地显示我想要的,我想要的地方。

但是,我非常希望通过动画面板向上移动并从透明变为几乎可靠,以与通知相同的方式使其更加明显。有没有人有办法做到这一点?我发现了一些小的JavaScript代码snippits,但找不到任何真正正常工作的东西。

1 个答案:

答案 0 :(得分:2)

没有任何内置方法可以制作动画,所以你需要自己动手计时器并更新面板的位置。

您可以尝试调用panel.moveTo方法进行重新定位。

https://developer.mozilla.org/en/XUL/panel#m-moveTo

您还可以将面板设置为单独的窗口并更新窗口的顶部/左侧。警报服务执行“滑动”类型动画,他们调整窗口向上展开。你可以从这里得到它。

http://mxr.mozilla.org/mozilla1.9.2/source/toolkit/components/alerts/resources/content/alert.js