前の記事 ≪:2010年11月9日 管理人のブックマーク
次の記事 ≫:画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10

スクロールしても常にサイドに要素を固定で表示できるjQueryプラグイン「JQuery Sidebar Plugin」

2010年11月10日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Amit Patil's Blog

スクロールしても常にサイドに要素を固定で表示できるjQueryプラグイン「JQuery Sidebar Plugin」。
サイドに常に表示されている「Follow Me」みたいなツイッターのフォローボタンは最近よく見かけますね。
これをjQueryで簡単に実装してしまおうというもの。



使い方は次のようにオプションを渡してあげるだけです。

$(function() {
  $("body").sidebar({
    text  : "Follow Me", // 表示テキスト
    size  : "30px", // 幅
    length : "200px", // 高さ
    margin  : "130px", // マージン
    position: "left", // 表示位置 left / bottom / right / top が指定可能
    fadding : "0.5", // 初期の透明度 0.1 to 1.0
    openURL : "www.twitter.com/amitspatil" // クリックで移動するURL
  });
});

ツイッターのフォローリンク以外にも、なんらかの告知をしたい場合なんかに使えそうですね。
関連の記事検索:jQuery, JavaScript, Webデザイン
スポンサード リンク

By.KJ : 2010年11月10日 09:08 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)