最近はドロップダウンメニューをJSを使わずに作ることが多くなってきました。
CSS3や擬似クラスなどがでてきたということなのでしょう。
そこでいろいろなドロップダウンメニューを集めてみたました。
パッと出てパッと消えるやつですね。
だいたいこれで行きます。
これだと、ブラウザをあまり選ばないのですよ。
フェードイン・アウトをするタイプ。
こちらは「transition」を使用しているのでIEの古いのはダメ。
まぁ、なんやエフェクトが入ってると大体「transition」が入ってますよね。
アニメーションするためのやつやけんね。
これは、widthの設定だけwidth:0; から width:100%; にするだけ。
簡単やねー。
まだまだ、探したらいっぱいあります。
今後、CSS3を多用したエフェクトやアニメーションなど、たくさん出てくると思います。
もう少ししたら、IE8が消えるみたいですし。
その頃には、IE9ではアニメーションなしでパッとでるタイプで表示し、それ以外のブラウザでは、多彩なアニメーションで表現ができ、楽しいサイトが作れるようになるかもしれませんね。
話は少し変わりますが、「JSFIDDLE」というのは使いやすくていいですね。
これからも使っていこう
それでは、また！
0
CD音源と音楽配信サブスクの音質の違いとは
0
晩夏の京都で革新的なアートを鑑賞してきました
0
単純に仕事をタスクとして処理するだけでは成果もなにもありゃしないって話。
0
BILL ITUNES COMから心当たりのない1,440円の請求があったので登録解除の仕方を説明。
0
日本一長い吊り橋でおなじみ、十津川村にある谷瀬の吊り橋へ行ってきた。
0
観光客で賑わう大阪という地をコンテンツという目線で考察してみる。ダサい街づくりがキーワードなのかも知れない。
0
台風21号が残していった爪痕
0
だんじり祭り間近の岸和田を尋ねる
0
ブログで収益を得るのは簡単な事なのか
0
Amazonのカスタマーレビューを書く理由って何なのだろう。
155
大阪天王寺七坂めぐり。歴史を感じるパワースポット！ご利益あります街歩き。
130
CD音源と音楽配信サブスクの音質の違いとは
114
なぜ、鳩は歩く時に首を振るのか。その謎を調べてみたら意外だった。
70
プランターの土の処分に困った。自治体がリサイクル方法を教えてくれた。
66
オオカミは人を襲わない。人を襲うようになったのは人の性
63
樹氷を見に真冬の金剛山へ。軽アイゼンで気軽に雪山登山
62
Bootstrapでチェックボックスを横並びにして最後にテキストボックスをつける
61
BILL ITUNES COMから心当たりのない1,440円の請求があったので登録解除の仕方を説明。
60
100均セリアで買ったスマホスタンド、車中で便利に使えるのはこれだ。
59
日本は本当に平和な国。歴史を振り返ると200年以上も平和が続いた時期が2度もあった
なんか、腰を据えてゲームやりたいなぁ。