迷你型 UI 庫：Flippant.js

gww3 10年前發布 | 11K 次閱讀 JavaScript開發工具包 Flippant.js

lippant.js 是 DOM 節點上的一個迷你型 UI 庫。具有以下特征：

Features:

  • Flippant 極小，不依賴任何其他而存在

  • Flippant 易于自定義，只有幾個參數和 CSS

  • Flippant 有一個獨特功能：flippant.flip

迷你型 UI 庫：Flippant.js

代碼示例： 
var front = document.getElementById('flipthis')
  , back_content = "<h1>I'm the back!</h1>" // Generate or pull any HTML you want for the back.
  , back

// when the correct action happens, call flip!
back = flippant.flip(front, back_content)
// this creates the back element, sizes it and flips it around.

// call the close method on the back element when it's time to close.
back.close()
// alternatively you can trigger a close event on the back element if you fancy.
var close_event = new CustomEvent('close')
back.dispatchEvent(close_event)

項目主頁：http://www.baiduhome.net/lib/view/home/1431587280951

 本文由用戶 gww3 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！