[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

[dreamily]

ナビゲーションの各項目をマウスホバーすると、アニメーションでラベルが下にストンと落ち、サムネイル画像が拡大表示されます。下位階層へのリンクも可能。

[jackie_nyan]

メニューなどに使える

[hvc-001]

使いどころに悩むがかっこよさげ

[billy-elliot]

"[webdesgin][js][javascript][jquery][navigation][web][ボックスがアニメーションでスライド]"

[sevenstars000]

びよんびろん

[nors]

http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/ http://tympanus.net/Tutorials/SlideDownBoxMenu/

[okosou]

ナビゲーション系

[yuenana]

わは……この動き好きだな……　ぱよん、って感じ