[JS]滑らかにスライドするナビゲーションを実装するチュートリアル

滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。 ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li

[rskmt346]

上下にスライドする面白いナビゲーション

[kathew]

一昔前、よく使われていた、似たようなFLASHのナビゲーションを思い出した

[tepe]

オーバーでスライドするグロナビ

[gamenou]

スライドっするナビゲーション

[takuma1021]

js

[fuji_hiro]

JavaScript navigation

[JHashimoto]

"デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。"

[s00516]

にゅるにゅる系

[ueyaman4649]

jquery ナビゲーション