Skip to content

ng-b0ne/jquery.nBox.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

#jQuery nBox nBoxはLightBoxやThickboxなどのように、(すごく)簡単なポップアップ表示するjQueryプラグインです。

#必要なファイル jquery.nBox.jsjquery.nBox.css を読み込んでください
(または圧縮された jquery.nBox.min.js と jquery.nBox.min.css をお使いください)

<link rel="stylesheet" href="/css/jquery.nBox.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.nBox.js"></script>

#サンプル ポップアップを表示するターゲットと、ポップアップコンテンツを指定する必要があります。

<link rel="stylesheet" href="/css/jquery.nBox.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.nBox.js"></script>

#使用できるメソッド ポップアップの表示と非表示は hideshow のメソッドを使ってください

    myButton.nBox('hide'); //表示されているポップアップを閉じる
    myButton.nBox('show'); //ポップアップを表示する

#オプション

myButton.nBox({
    targetId:'my-box', // ポップアップのコンテンツID
    title:'MyBox', // ポップアップのタイトル
    width:400, // 幅のサイズ
    height:400, // 高さのサイズ
    fadeAnimeTime:150, // 表示・非表示アニメーションのスピード
});

#ライセンス Licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html

About

simple BOX jquery plugin

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published