タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

メガドロップに関するWebDesignScrachのブックマーク (3)

  • コンテンツがたっぷりつまって使いやすそうなドロップダウンメニュー実装デモ&チュートリアル:phpspot開発日誌

    How to Build a Kick-Butt CSS3 Mega Drop-Down Menu | Nettuts コンテンツがたっぷりつまって使いやすそうなドロップダウンメニュー実装デモ&チュートリアル。 ドロップダウンメニューというとテキストリンクだけの羅列をイメージしがちですが、次のようなリッチなドロップダウンを実装するデモです。 ソースのDLが可能なのでカスタマイズして使うことが出来ます。 画像なんかも入ってリッチなドロップダウン。 5カラムから構成される複雑なレイアウトもタブの中に入っちゃいます。 4カラム。シンプルだけどカテゴライズされていて押しやすい。 ドロップダウンメニューの大項目は必要最小限にして、下位でこういう感じに広げれば、基のシンプルさは保ちつつ、沢山ページのあるサイトであっても比較的迷うことないナビゲーションを実現できるのかも。 関連エントリ ドロップダウン

  • jQuery+cssのパネルが滑らかにスライドする、クールなドロップダウンメニュー - かちびと.net

    なかなか良さそうだったのでメモ。 例によってIE6は上手く実装できて いませんでしたが、cssハックでも 使えばなんとかなるかな・・見た目 もクールで素敵なのでどこかで 使いたいです。 マウスオーバーすると右側は横へスライドしてパネルがドロップダウンします。アニメーションはjQueryで実装しているみたいなのでIE7,8等でも滑らかに動いてくれます。css3で動かしてるとIE全部だめですからね・・ Large Drop Down Menu 見た目も素敵。ドロップダウンしてくるメニューもデザインされているのでなかなか使う場面もありそうです。IE6では表示が崩れていましたが、動きそのものは実装出来ていたのでcssだけ対応すればなんとかなりそうな予感です。 マウスを乗せていない状態です。普通のメニューですが、マウスを乗せることで項目がスライドしますよ。ユーザーにとっても分かりやすそうですね。 j

    WebDesignScrach
    WebDesignScrach 2010/07/16
    シンプルで良い感じのメガドロップダウン
  • [JS]メガドロップダウン型のナビゲーションを実装するスクリプト -Mega Menu

    豊富なコンテンツを設置できるメガドロップダウンを実装するスクリプトをGeek Tantraから紹介します。 jQuery Mega Menu デモページ デモでは四種類メガドロップダウンがあり、データ量によってドロップダウンするパネルの幅が成り行きのもの、指定した幅のもの、表示位置が成り行きのもの、右寄せのものがあります。 実装は簡単で、スクリプトを外部ファイルとし、下記のようなスクリプトを記述します。 JavaScript <textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript"> $(document).ready(function(){ $(".MegaMenuLink").megamenu(".MegaMenuContent", { width: "900px" });

  • 1