CodePen.0以下が例。display:none;を使ってもいいのだが、動きを付けたいことも多いので、heightをずらす実装にしている。やることは以前の記事でもやったことを、click(checked)の代わりにhoverにしているだけ。後は、サブメニューの中身を適宜aタグで囲ってリンクをさせてあげれば完成である。これだけだと記事が短くなってしまうのでコラムのようなものを。このヘッダーだが、案外使われていなかったりする。実際、自分がユーザーだと、まずヘッダーより先に真ん中の方のメインコンテンツが探しているものか見に行こうと思う。新規の人は最初にアクセスしたページで目的を果たして離脱したり、ページ内の他のリンクをたどって目的に達しがちなのだろう。新規の人はどこにどのコンテンツがあるのかヘッダーからだとわかりにくく感じているのだと思う。(サイトによってタイトルや内容が異なることが多いので。)ヘッダーとフッターは大抵の場合共通化すると思うのだが、あまり力をいれた実装を入れてもユーザーには優しくないかもしれない。新規・リピーター両方のために出来るだけシンプルかつ軽量にするのがよさそうだ。前の記事toggle(ドロップダウン)メニューをcssだけで作る。【転職のすゝめ】人売り(客先常駐エンジニア)から転職した話。就職後すぐの転職を迷っている方に。某配送システム白猫プロジェクトのアイシャが大好きなエンジニアの卵。Java/Shell/C++/HTML/Sass/rustかgoやりたい。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。WordPress.。