フローティングなナビゲーションを作るjQueryプラグイン | かえラボBlog
fixedオプションを追加。 ナビゲーションなどのコンテンツをスクロールに追従させ、画面の上下に接着させるjQueryプラグイン。 どこかで見たような気がするのだが、どこで見たか思い出せない＆探してもすぐ出てこないので、作ってみた。 floater.js サンプル デモ 使い方は簡単。 よくある感じで、動かしたい要素でfloaterメソッドを実行する。 $(element).floater(); オプションは以下の通り。 marginTop: 上の余白 marginBottom: 下の余白 agility: 0～1。0はナビが通り過ぎるまで待つ。1はナビの末端が出るとすぐ動きだす。 speed: アニメーションにかける時間 easing: イージング fixed: trueでposition: fixedに切り替え。初期値はfalse。 オプションを適用すると、こんな感じ。 $("nav
jQueryプラグインなスライダー | かえラボBlog
jQueryプラグインにチャレンジしてみました。 よくあるスライダーです。 (10/26 追記) iPhone&iPad対応しました。 細かいことはCSSで調整ください (9/7 追記) ドラッグに対応しました。 slider.js Demo HTML側の記述は下記を参考ください。 <div class="slideFrame"> <ul class="slideGuide" id="slide-00"> <li class="slideCell">セル</li> <li class="slideCell">セル</li> </ul> <div class="slideCtrl left"><</div> <div class="slideCtrl right">></div> </div> リスト要素の部分はdiv要素など他のブロック要素でも構いません。 ガイド用クラス(.slide
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
