android - 打开/关闭面板时对 ui-panel-dismiss 的淡入淡出效果(如 Android)

Question

我使用 PhoneGapp framewok 开发特定的 Android 应用程序( Activity 中访客的 compagnon 应用程序)。所以我的应用程序只是一个网页，带有 Jquery 和 Jquery Mobile。

我想模拟打开侧面板时在 Android 中可见的相同面板效果(Gmail 是一个很好的效果演示):

• 应用全屏
• 在 350 毫秒内，面板开始滑动并且应用的不透明度降低
• 滑动结束，不透明度现在为 0.6(当然是黑色背景)

所以，除了面板打开时的淡入淡出动画外，我的应用程序(不透明度、背景等)一切都很完美。

我的问题是:当面板打开/关闭时，如何在 ui-panel-dismiss div 上进行 350 毫秒的淡入/淡出？ (如果可能，仅使用 CSS)。

感谢您的回答:)

Answer 1

您尝试过 jQuery 方法“animate”吗？ http://api.jquery.com/animate/

或 css 转换:http://www.w3schools.com/css3/css3_transitions.asp