jQuery彈出框動畫

Question

我有興趣為自己的網站編寫自己的輕量級彈出框。 我喜歡soundcloud彈出框動畫的工作方式（單擊左上角的“登錄”以查看），但是據我所知，它是專有的而不是插件。

soundcloud如何實現“縮放”風格的效果，其中彈出動畫似乎來自您單擊的東西。 我想復制這種效果。

Answer 1

這只是幾何的東西。 只需將框的尺寸增加到屏幕中心，然后使用jQuery的.animate()應用效果。

jQuery頁面上實際上有一個示例： http : //api.jquery.com/animate/

看起來與您想要的非常相似。

Answer 2

也許您可以從該庫中進行修改，它具有動畫和可拖動性。 代碼非常簡單。 基於jQuery的http://www.okyfirmansyah.net/blog/?p=166