見せ方がとても良いモーダルjQueryプラグイン「Avgrund Modal

見せ方がとても良いモーダルjQueryプラグイン「Avgrund Modalサンプル モーダルってだいたい定形が決まった感じですが、今回のjQuery plugin for Avgrund concept popinはクリックするとぐいっと中に寄って目立つ感じにしてくれます。

使用方法 jQuery plugin for Avgrund concept popinからファイル一式をダウンロード。
<link rel="stylesheet" href="avgrund.css">
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.avgrund.js"></script>
<script type="text/javascript">
$(function() {
$('#id名').avgrund({
height: 200, //モーダルの高さ
holderClass: 'custom', //中央ホルダーのクラス
showClose: true, //クローズボタン表示
showCloseText: 'Close', //クローズボタンのテキスト
enableStackAnimation: true, //アニメーション
//こっから表示文言
template: '<p>出方いいでしょ?ESCでも元に戻せます</p>' +
'<div>' +
'<a href="http://www.skuare.net" target="_blank" class="blog">skuare.net</a>' +
'<a href="http://twitter.com/skuare" target="_blank" class="twitter">Twitter</a>' +
'</div>'
});
});
</script>

あとは表示用に下記を記述します。
<a href="#" id="id名">クリックせよ!</a>
見せ方がとても良いモーダルjQueryプラグイン「Avgrund Modalサンプル

sponsors

「見せ方がとても良いモーダルjQueryプラグイン「Avgrund Modal」をシェアする

記事作成:
記事URL:

TOP > > 見せ方がとても良いモーダルjQueryプラグイン「Avgrund Modal