【jQuery】モーダルウィンドウによる年齢認証の作り方 ｜ KLUTCHE
以前紹介したCookieを使って、モーダルウィンドウの年齢認証を作成する方法の改良版です。 改良点 Javascript がぐっと短くなりました。 CSS によるレイアウト変更が容易になりました。 必要な機能をしぼって、軽量かつ汎用的にしてみました。 まずはデモ デモページ 五木川ダムの渋い魅力はアダルトな感じがするので、年齢認証を設置してみました。 モーダルウインドウは、シックに単色背景透明で作ってみましたが、見た目はCSSで自由に変更できます。 必要なもの Javascript を3つ使います。 ・jQuery ・jquery.cookie.js ・modalConfirm.js jQueryはGoogleライブラリから直接読み込みましょう。 のこり2つのファイルはアップロードしてヘッダ内で読み込みます。 <script type="text/javascript" src="http
ページのアクセス時にモーダル（フロート）を表示するjQuery.layerBoard.js | FEVDES BLOG
「セール情報」や「重要なお知らせ」を、 モーダル（フロート）で目立たせたいという要望があったので、 ページのアクセス時にモーダル（フロート）を表示するjQueryプラグインを制作しました。 「jquery.layerBoard.js」は商用利用・改変・再配布可能です。 デモ トップページのアクセス時にモーダルを表示させるプラグイン。 ダウンロード：layerboard.zip【111KB】 デモをみる 次にアクセスしても指定した時間までひらきません。 デフォルトでは1分で、再びひらくようになっています。 再びひらくまでの時間は分単位で指定できます。 必要なファイル 必要なのは jQuery jquery.cookie.js jquery.layerBoard.js jQueryとjquery.cookie.jsはサイトからダウンロードしてください。 jquery.layerBoard.js
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
