smooth的全螢幕彈出視窗jQuery插件

animated-modal-demo-2

這款animatedModal.js 是一個jQuery插件,而且彈出效果很smooth喔,全螢幕的彈窗特別適用於移動手機網站,所以做響應式網頁的設計師、前端工程師們,你可以嘗試使用這款插件阿!!。

animatedModal.js 的彈出動畫可以結合animate.css 這個樣式庫來實現漂亮酷弦的動畫特效。

 

這個插件的壓縮版只有2KB..,對於普通站來說影響不大,下面一起看看該代碼的DEMO效果,扁平化的風格設計、很smooth~。

 

animated-modal-demo

 

animated-modal-demo-2

 

animated-modal-demo-3

 

兼容性 :

  • IE10+
  • Chrome
  • Firefox
  • Safari
  • Opera

 

下載 & DEMO:http://joaopereirawd.github.io/animatedModal.js/   ( 裡面有詳細使用教學 ).

 

 

 

 

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s