-1

このリンクのようなものを作成するのに助けが必要です ( http://www.standardchartered.co.in/borrow/ )

ユーザーがナビゲーションにカーソルを合わせると、灰色の三角形の画像が表示されます。どうすればいいのかよくわかりません。助けてください！

4

1 に答える 1

0

これを行う最善の方法は、おそらく jQuery 用のプラグインを使用することです。多くのドロップダウン メニュー プラグインが利用可能です。「jquery ドロップダウン メニュー」の Google 検索が役に立ちます。私にとっての最初の結果の 1 つは、 http ://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/ です。

そのページの 2 番目のものは、必要な効果を持っているように見えますが、メニューの残りの部分をどのように表示するかによっても異なります。いくつかの調査を行い、自分に合ったものを選択する必要があります。

または、要素の上にカーソルを置いたときに、メニューなしで灰色の三角形を表示するだけの場合は、次のような css が必要です。

li:hover {
    background:url('./images/grey_triangle.png') center bottom;
}

つまり、li 要素がホバーされているときは、./images/grey_triangle.png を背景画像として使用し、要素の下部の中央に配置します。独自の灰色の三角形を作成し、適切なパディングなどを設定する必要がありますが、それが効果に必要な基本的な css です。

于 2013-09-11T07:43:48.773 に答える