JavaScript/jQuery

[javascript]お問い合わせフォームをlightboxのように表示するプラグイン「jquery.lightbox_me.js」

[javascript][/javascript]お問い合わせフォームをlightboxのように表示するプラグイン

おしゃれなでlightboxのようにポップアップでフォームを表示させるプラグイン「jquery.lightbox_me.js」
をご紹介します。

ダウンロード

http://buckwilson.me/lightboxme/

上記のサイトからダウンロードします。

使い方

ダウンロードしたjquery.ligthbox_me.jsとjqueryを読み込みセレクタを指定します。

head内

[html]
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox_me.js"></script>
<script>$(‘#try-1’).click(function(e) {
$(‘#sign_up’).lightbox_me({
centered: true,
onLoad: function() {
$(‘#sign_up’).find(‘input:first’).focus()
}
});
e.preventDefault();
});
</script>
[/html]

html内

[html]
<a href="#" id="try-1" class="try sprited">お問い合わせフォーム</a>
<div id="sign_up">
<form>
<input type="text" name="">
</form>
</div>
[/html]

ぜひ参考にしてみて下さい。