[JS]ダイナミックで軽快なアニメーションを伴ったナビゲーション
画像を一切使用せずに実装する、軽快なアニメーションを伴ったナビゲーションのチュートリアルを紹介します。 Awesome Cufonized Fly-out Menu with jQuery and CSS3 デモページ デモでは右に配置されたナビゲーションの各ラベルにマウスホバーするとアニメーションでハイライトが移動し、それに伴う説明文が右からスライド表示されます。 HTML HTMLは非常にシンプルです。 <textarea name="code" class="html" cols="60" rows="5"> <div id="slidingMenuDesc" class="slidingMenuDesc"> <div><span>Maybe that's what life is... a wink of the eye and winking stars.</span></div
Organic Tabs | CSS-Tricks
Have you ever seen a tabbed content area in a sidebar that was a little “jerky”? The jerkiness can be caused by a bunch of things, like the content in the tabbed areas are of different heights, or maybe the way the switch happens the current one is hidden for a brief second before the new one shows up and the content below it jumps up and back down quickly. For lack of a better term, I’m calling t
Easy drop down menus with nmcDropDown
Update 6/23/20 – The post below offers technical instructions for using our nmcDropDown plugin. If you're still in the brainstorming phase, you may also be interested in another post we published recently: Ten Examples of Dropdown Menus on Websites Since I released my nmcDropDown plugin for jQuery two weeks ago, several people have been asking for a simple example of how to use it. Althought the p
画像を3Dにぐるぐる回すFlashコンテンツ (flShow Carousel 1.7) -稀によくあるブログ
非常に滑らかな動きで、オンマウス時にピタリと止まってくれるので、ちょっとしたメニューとして入れてみても良いかもと思えます。 この前の記事でmootoolsを使用した同様のものを紹介しましたが、こちらのほうが設置、設定共に簡単で、使いやすいと思います。 画像も特にサイズを合せたりしなくとも、表示位置の大きさに合せて自動で調節されるので、画像同士の高さの差があまりにも大きくなければ、そのままxmlファイルに書き込んでも大丈夫だと思います。 折りたたむ xmlファイル書き方 表示する画像は全て、ここに書き込みます。 サイズはjsで書き込んだ全体のサイズに自動で縮小されるのでここでは画像パスと、画像からのリンクを書き込みます。 <?xml version="1.0" encoding="utf-8"?> <!-- fhShow Carousel 1.7 configuration
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブに使えるクオリティの高いサイドメニュー実装「vertical-responsive-menu」:phpspot開発日誌
http://vitalyshepelev.com/
