Subscribed unsubscribe Subscribe Subscribe

Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

【CSS】 超ミニマルコード!! 多階層 ドロップダウン メニュー

CSS Script.com -- Multi-level dropdown menu

http://www.cssscript.com/create-a-multi-level-drop-down-menu-with-pure-css/

 

f:id:DDramonQ:20160807233519j:plain

f:id:DDramonQ:20160807233529j:plain

f:id:DDramonQ:20160807233541j:plain

 

 

 - Pure CSS( CSSのみ )

- コードが超シンプル✨✨♪

 

 

僕のブログ最上部にあるDDM(Dropdown menu)も、これを大いに参考にさせて頂きました。他のDDMも色々みてみましたが、Pure CSSで、これ程シンプルなDDMは僕の知る限りほぼなかったです✨

 

ほんとこのシンプルさはすごいですね✨♪余計なものがなく、DDMの骨子を理解するのにも非常に有用でした🌟😊 書かれた方の凄さの一端を垣間見た気がししました。ワシもいずれスーパーハカーに~ ✨( 〜 ´ω` )〜⌨️←

 

 

また、まだ知らなかった「セレクターの使い方」の勉強にもなりました🌟

 

.sample > .sample-child1

display : table ;

 

 

色々ありがとうございました(* ˊ˘ˋ)*_ _))🌟

 大いに活用させていただいておりまする( 〜 ´ω` )〜🌟

 

 

 

なぜCSSのみのドロップダウンメニューにこだわったのか

単純に、htmlとcssしか分からなかったからですw( ¯∀¯٥)💦

また、ちょこっとJavascript系のDDMも覗いてはみたのですが、イミフ…( ³ω³ ).。o???

でしたので( ¯∀¯٥)💦w

 

 

コピペだけで使うなら、Javascript や jQuery*1を使ったDDMを使えば良かったのですけどがw💦  CSS + Javascript / CSS + jQuery   のDDMなら沢山ありました( ¯∀¯٥)💦w

 

 

何とかできる範囲でDDMをマスターしたかったという、ただの意地でした(´>∀<ˋ๑)>🌟w

 

 

 

 

#Pure CSS, Multi-level Dropdown Menu

*1:javascriptのライブラリ。よく使うJavascriptのコード群[ 例: ボタンpush ➜ 「表示/非表示」]を、簡単に使えるように、用途別に小分けにしてまとめたもの。比較的簡単な記述で、機能別に、javascriptを使えるようにしたプログミング言語

This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️