navigationの検索結果

jQuery ドロップダウンメニュー

input内のテキスト表示しfocusするjQueryプラグイン

ナビゲーションにマウスオーバーした際にドロップダウン式にサブメニューみたいな感じで表示してくれる jQuery のプラグインです。

demo page

jQuery スクロールタブ式メニュー

jQuery スクロールタブ式メニュー

最近 Web関係のブログを見ているとサイドに、カテゴリや最近の記事やコメントなどがタブ式メニューになっているのを見かけたりします。

今回紹介するスクロールタブ式メニューはそこに使える jQuery のプラグインです。

demo page

Mootools プルダウンナビゲーション

Mootools プルダウンナビゲーション

Mootools を使ったプルダウン式のメニューです。

JavaScript drop down menu using Mootools 1.2 で紹介、配布されているのですが、簡単な解説をしておきます。

demo page

jQuery 伸縮するサイドメニュー

jQuery 伸縮するサイドメニュー

今回紹介するプラグインは、メニューが伸縮し動きのあるメニューを実装してくれるjQuery プラグインです。

demo page

ページ内分割をするナビゲーションのクリックエリア?IEバグ対応

ページ内分割をするナビゲーションのクリックエリア?IEバグ対応

ページ内分割する上記みたいなナビゲーションってブログを見ているとよく見かけると思うんですが、このナビゲーションのクリックエリアみたいなのが、IEではおかしくなってしまってる人って自分がみる限りでは殆どです。

見た目やCSS、実際にマウスが反応するエリアは一切おかしくはないのですが、実際にクリックしてみるとFirefoxやSafariでは、正しく表示されるのがIE7、IE6(6以下は知りません)では変な表示になってしまうんです...

かっこいいナビゲーションのデザイン集

Acceptance

自分がナビゲーションを作るといつも同じような感じになってしまうんですよね...

きっと同じように考えてる人はいるはず。。。

そんな人の為に参考に出来るかっこいいと思うナビゲーションのデザインを紹介します。

jQueryを使ったプルダウンのナビゲーション

プルダウンのナビゲーション

以前jQueryを使って簡単プルダウンメニューと記事を書いたんですが、今回は以前と違ってもう少し活用性のあるように作ってみました。

以前と違う点は、プルダウンメニューが表示される時にも少し動きつけた点と画像やアイコンを使い見栄えも整えました。

概要としては大体一緒なんですが、以前仮説が少なすぎたので、今回は詳しく解説を入れていきたいと思います。

jQueryを使ってApple風デザインのナビゲーション

Kriesi.at

今回の情報元サイトです。Create an apple style menu and improve it via jQuery

こういうナビゲーションって今はそんなに見かける事はないのですが、今後増えていきそうな気がするので詳しく解説していきたいと思います。

CSSのみで画像のロールオーバー(その1)

画像のロールオーバーって色々やり方ってあると思うんですが、今回はソースも短くて済む手軽な方法を紹介したいと思います。

jQueryを使って簡単プルダウンメニュー

lightview

←はサンプル画像なんですが、こんな感じのプルダウンメニューってけっこう使っているサイトも多い気がするので、今回はjQueryを使って簡単に出来ちゃうやり方を紹介したいと思います。

画像をつかったバージョンも使ったので、こちらも参考にして下さい。

フッターでよく使われているナビゲーションのサンプル

フッターナビ

←の用なテキストで出来たナビゲーションをよくWebサイトの下部あたり見かけると思うんですが、その作り方をいくつか解説しておきたいと重います。

CSSレイアウト 実践講座4 header、globalNavi要素

CL company

前回のエントリーで全体のレイアウト作りを行ったので、今回から細かい内面的のレイアウト作りをやっていきたいと思います。

今回からはサンプルに入っているcontents.cssに記述していきましょう。

よく見るサイドメニューのサンプル

サイドになるメニューリスト項目ってよく見かけると思うんですが、使い回しが出来そうなサンプルをjavascriptを使わずにCSSのみでロールオーバーに対応しているように作ったのでみなさんの参考になれば!って思います。

横並びのナビゲーションの基本的なら作り方

Webサイトにおいて、横並びのナビゲーションは必要不可欠だと思うので、まずはその基本的作り方についての解説をさせてもらおうと思います。

今回は基本的な作り方なので、画像など使わずにCSSのみを使ってのナビゲーションにしようと思います。