「メニュー」に関する記事一覧

グローバルメニューや、ナビゲーションについて。
2015.04.16
jquery

超シンプルjQueryアコーディオンメニュー矢印付 プラグインなし

こちらの記事で書きましたシンプルアコーディオンメニューに、矢印(画像)をつけた方法のリクエストがありましたので、下記にご紹介します。 メニューの横に矢印の画像をつけて、サブメニューが開い ...
続きを読む
2015.02.15
css

CSSだけでマウスオーバー時にクルッと回転するボタンのメニュー

CSSのアニメーションを使いこなせるようになると、フラッシュやjQueryのようなエフェクトのメニューを作ることができます。 今回はマウスオーバーするとクルクルと回転するボタンをCSSで作成して ...
続きを読む
2014.11.20
css

CSSだけで動きのあるアコーディオン・メニュー 改訂版

CSSだけで動きのあるアコーディオンのメニューです。 以前こちらに書いたのですが、ヨロズナさんから素晴らしいアドバイスをいただきましたのでソースを改訂しました。 jQuery並みのアコ ...
続きを読む
2014.06.20
css

CSSだけで動きのあるアコーディオン・メニュー

アコーディオンメニューはjQueryを使うと簡単にできるのですが、CSS3だけでも十分できます。 Attention!! この記事の内容について、ヨロズナさんからより良いソースをアドバイスいた ...
続きを読む
2014.06.11
css

シンプルなソース・CSSだけでアニメーション・ドロップダウンメニュー

CSS3のアニーメーションエフェクトであるtransitionを使って、CSSだけでjQueryのように動きのあるドロップダウンメニューを作ってみましたのでソースを紹介します。 いろいろと応用で ...
続きを読む
2014.01.23
jquery

シンプルなアコーディオンメニュー jQueryプラグインなし 2

以前こちらに書いた記事ですが、若干違うバージョンを作ってみました。 前回はクリックすると他の部分が勝手に折りたたまれて、該当部分だけが伸びる構造でした。 今回は1度目クリックすると伸び、2度目 ...
続きを読む
2014.01.09
jquery

改良版:マウスオーバーでタブの表示切り替え jQuery プラグインなし

タブみたいなメニューで、マウスオーバーすると同じページ内(同じHTMLファイル内)で表示を切り替える方法です。 MEMO: こちらの記事から大幅にソースを変更しました。 head内 ...
続きを読む
2013.12.24
javascript

再・改良版:タブで表示切り替え jQuery プラグインなし

タブみたいなメニューで、クリックすると同じページ内(同じHTMLファイル内)で表示を切り替える方法。 jQueryで、プラグインを使わずにできる方法、ソースを紹介します。 MEMO: 以前こち ...
続きを読む
2013.08.18
css

jQueryとCSS3でインパクトのあるスタイリッシュで素敵なメニュー

jQueryとCSS3で一味違うメニューが作れます。 今回紹介するメニューは、ボタンをクリックすると画像がポップアップし、文字が下にスライドしながら下に別のボタンが現れます。 サブメニューがある場 ...
続きを読む
2013.07.21
javascript

シンプルなアコーディオンメニュー jQueryプラグインなし

アコーディオンのメニューはjQueryのプラグインでもたくさんあるのですが、ちょっとしたメニューだったらプラグインを使わずちゃちゃっと実装したいものです。 クリックするとサブメニューが出てくる、 ...
続きを読む
2013.03.15
css

CSSだけでアニメーション リボン メニュー

CSS3のtransitonsとCSS2の疑似クラスを使って作るリボンの形をしたアニメーションのメニューです。 Attention!! 対応ブラウザについて: IE8,IE9はCSS3のt ...
続きを読む
2012.11.18
css

メニューのサンプル

ウェブ制作において必ず作るメニューやナビゲーションなどのグローバルメニュー。 Memo: グロバールメニューとは、ウェブサイト上でどのページにも共通で表示されるメニューのことです。 スタ ...
続きを読む
2011.06.08
css

CSSだけでドロップダウンメニュー JavaScriptなし

先日、ウェブを勉強し始めたばかりの友達にドロップダウンメニューについて聞かれたのですが、作りかけのソースを見てみるとCSSだけでドロップダウンメニューを作ろうとしてました。 私はそういう場合、Jav ...
続きを読む
おすすめの本
ネットで調べればなんとかなる!という時代ですが、良い本にめぐり合い、基礎をきっちり固めることで応用がきくテクニックを身に着けることができます。もっと上達したい人におすすめの本をいくつかご紹介します。
TO TOP