jQuery

【jQuery】ポップアップ、モーダル、オーバーレイ、通知およびダイアログウィンドウプラグインFocus

November 9, 2017
focus

Focusは最小のポップアップ、モーダル、オーバーレイ、通知およびダイアログウィンドウのプラグインです。

Requirements

jQuery> = 1.3

Getting Started

htmlファイルにスクリプトを含めます。

<script src="<path_to_javascript_files>/focus.min.js"></script>

ポップアップを追加
HTML

  <button data-trigger="popup" data-target="#examplePopup">Click Me</button>

    <div class="popup overlay" id="examplePopup">
      <div class="popup-inner">
        <div class="popup-content left">

          <h2>Hello world!</h2>

          <a class="popup-close" data-close aria-label="common.close">Close popup</a>
        </div>
      </div>
    </div>

MIT