サイドバーをgoogleのように設定するよくある質問

私はhtmlとcssに関する質問があります。サイドバーをGoogle FAQ pageのようにするにはどうすればよいですか？つまり、カーソルを置くと矢印が表示され、カーソルを動かすと矢印が移動します。サイドバーをgoogleのように設定するよくある質問

私はあなたに感謝してくれることを願っています！

2012-02-23 Phoenix_uy

おそらく '：hover' CSSルールを使っています：http://www.quirksmode.org/css/hover.html –

Marc、私は思っていましたが、私はそれより少し複雑だと思っています:) –

@MarcBそのdivの上にホバークラスがありません。あなたはそれを見るために火かん坊でそれを検査することができます。それはjavascriptで行われます。 –

見た目から、彼らはイベントを聞いています（この場合、div＃gd-collapsibleが上に乗っている）、それにクラス「ホバー」が追加されます。

＃gd-collapsibleは約3ピクセル幅で、ホバー上には左右に1pxの境界線があるクラス「ホバー」が追加されています。

jQueryでこれを行うことができます。右側のサイドバーの高さと同じようにdiv＃gd-collapsibleをスタイルするようにしてください。

2012-02-23 18:36:57

私は実際の矢を忘れました。また、jQueryを使ってそれを行い、矢印が表示されている前のdivに移動することもできます。そこから、マウスがY座標に基づいて配置される場所に応じて変化するバックグラウンド位置があります（xは同じままです）。 –

答えて