前の記事 ≪:ドット絵感がいい感じのWEBアプリにも使えそうなアイコンセット「Boole...
次の記事 ≫:ピュアCSS3でアニメーションする綺麗なグラフ作成チュートリアル

ページの端っこに常に表示させるボタン実装用jQueryプラグイン「EdgeButton」

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

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

Plugins | jQuery Plugins

ページの端っこに常に表示させるボタン実装用jQueryプラグイン「EdgeButton」。
サイト巡回しているとたまに見かける、ブラウザの端っこについている次のようなボタンを簡単に実装できるjQueryプラグインです。
押下時に「ページの上にスクロールさせる」機能を実装できユーザビリティ的には上げられそうな場面がありそうです。

ページの端っこに常に表示させるボタン実装用jQueryプラグイン

利用法としては、次のような感じです。

$(element).edgeButton({
  buttonText: "ボタンのテキスト",
  buttonPrefix: "ボタンのプレフィックス",
  buttonDirection: "ボタンの配置位置 right, left で指定",
  buttonFunction: "ボタン押下時の動作指定"
 });

自前でやるとなると、ボタンを配置して固定してクリック時にスクロールしてっていうことが必要ですがjQueryプラグインなので一瞬で実装出来てしまいますね。
ボタンの回転はCSS3を使っているみたいなので非対応ブラウザの場合は回転しません。

関連エントリ

関連の記事検索:UI, ナビゲーション
スポンサード リンク

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

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