TAGS: jQuery | サイドバー | プラグイン
JQuery Sidebar Plugin、Webページの指定位置(上下左右)に常に表示するUIを実装するjQueryサイドバープラグインです。

動作環境


◇ 言語:JavaScript(jQuery)
◇ ライセンス:GPL V3


デモはこちら



使い方


1)<head>~</head>に下記ようなコードを記述

<script src="js/jquery.js"></script>
<script src="js/jquery.sidebar.js"></script>
<link rel="stylesheet" type="text/css" href="styles/style.css">


2)JavaScriptコード例
  $(function() {
    $("body").sidebar({
            text    : "文字列", // 任意文字列
            size    : "30px", // サイズ(幅)。画像数
            length  : "200px", // 縦幅。画像数
            margin    : "130px", // マージン
            position: "left", // 表示位置。left (左)/ bottom (底)/ right (右)/ top(トップ)
            fadding : "0.5", // 0.1 to 1.0
            //img        : "images/twitter.png",
            openURL : "www.twitter.com/amitspatil"    //クリックする際に、どこに飛ばすか
    });
  });

.

Sponsored Link


有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

Comments

用户名 (required)

Email (will not be published) (required)

URL

Evaluation