[B! スライド] jackie_nyanのブックマーク

シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider

よくあるコンテンツスライダーですが、軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイトほどの軽量スクリプトです。こういうのはいくつ覚えておいても損しないですね。軽い、というのは大事ですよね。スライドさせるとURL末尾に#～が付き、ここにリンクすることが出来ます。シンプルです。マークアップも単純なので使いやすいのでは。 <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul>デモでは画像を利用しています。 #～にリンク #～にリンクさせることで個々のスライドを指定して表示させ

jackie_nyan 2010/11/12

リンク

[JS]次々にボックスがアニメーションでスライドするナビゲーションを実装するチュートリアル

次々にボックスがスライドする三つのアニメーションを組み合わたナビゲーションを実装するチュートリアルを紹介します。 Slide Down Box Menu with jQuery and CSS3 デモページデモではナビゲーションの各項目をマウスホバーすると、アニメーションでラベルが下にストンと落ち、サムネイル画像が拡大表示されます。更に、下位階層のある項目は左右にスライド表示されます。実装は割とシンプルです。ナビゲーションはリスト要素で配置されています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <ul id="sdt_menu" class="sdt_menu"> <li> <a href="#"> <img src="images/1.jpg" alt=""/> <span class="sdt_act

jackie_nyan 2010/07/31

メニューなどに使える

リンク

ページ内スクロールのjQueryプラグインいろいろ

ページ内、要素間のスムースなスクロールを実装する事が可能な jQueryプラグインのメモ。使っているサイトも随分見かけるようになってきましたね。ページ内、要素間のスムースなスクロールを実装する事が可能な jQueryプラグインのメモ。使っているサイトも随分見かけるようになってきましたね。個人的には特定のものしか使っておらず、いろいろと挑戦したいと考えているのでそのとき用にメモ。カルーセルとかギャラリーみたいなスライダータイプは今回割愛しています。 ScrollTo Posts With jQuery ページ内をダイナミックにスクロール。サイドのメニューっぽいところで操作します。 ScrollTo Posts With jQuery Create a Vertical, Horizontal and Diagonal Sliding Content Website with