私は空き時間にウェブサイトを作っていましたが、FontShopが自分のサイトに持っているようなナビゲーションを作る方法を見つけることができませんでした：https://www.fontshop.com/そうです。そのロゴにカーソルを合わせるか、私の場合は空の四角形でサイドバーのナビゲーションが表示されます。私はCSS3のみでこれを作成したいと思っていますが、jquery/jsの提案ができるのであれば、それらも使えます。ホバー上のサイドバーがドラッグアウトされます。 （好ましくはCSSのみ）
ありがとうございます！
あなたは（イメージとしてまたはDIV）のロゴを入れて、一つの共通の容器内のナビゲーションdiv要素と適用できます：コンテナにホバー：
HTML：
<body>
<div id="container">
<div id="navigation">
<ul>
<li>nav1</li>
<li>nav2</li>
<li>nav3</li>
</ul>
</div>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Stack_Overflow_logo.svg/320px-Stack_Overflow_logo.svg.png" id="logo" alt="stackoverflow" />
</div>
</body>
CSS：
#navigation {
width: 200px;
height: 200px;
background: yellow;
display: none;
float: left;
}
#logo {
float: left;
}
#container:hover #navigation {
display: block;
}
誰かのためにコードを使用したり、何を使用したいのですか？あなたが試したこと、終わったこと、またはあなたが直面している障害は何ですか？どのように我々は助けることができます？ – Li357
@AndrewL何を試すべきか分かりません。私は縦のサイドナビゲーションを作成することができましたが、それを表示または再表示させることはできません。私は2つのdivを作成しようとしています.1つはホバーアクションを使用し、もう1つはナビゲーションをページの外にドラッグします。しかし、2つの接続を維持する。私は完成したコードを求めていません。私はCSSで解決策を探しています。それが可能ならば。私は、あるdivの：hover状態を使って別のdivのプロパティを変更する方法について興味があります。 –