0

だから私は自分のウェブサイト ( https://www.metsales.com/MetropolitanSales/microsite/epson/images/epson_buttons.png )に使用したいボタンのスプライトを持っています。各ボタンのセクションをクリックして、ドロップダウン メニューを開きます。

これは少し混乱するかもしれませんが、ボタンごとに、ボタン全体にカーソルを合わせると、スプライトにホバー画像がありますが、各ボタンの矢印をクリックすることとボタン自体を区別したいと思います。矢印はドロップダウン メニューを表示し、ボタンは概要ページに移動します。

どうすればこれを行うことができますか？私を助けるのに十分な情報を備えたものを見つけることができませんでした。

4

3 に答える 3

1

子がクリックされた場合、簡単なアプローチはリンクに子を配置します...リンクをたどらない場合は、ドロップダウンを開きます

それに応じて子を配置し、サイズを調整します

<a class="buttonClass" href="foo.html"><span class="toggleDropdown"></span></a>

jQuery

$('a.buttonClass').click(function(e){
   if( $(e.target).is('.toggleDropdown') ){
         /* prevent href being opened*/
          e.preventDefault()
         /* run dropdown code here */            
   }
})

透明であるため、ユーザーには子が表示されません

于 2013-10-29T17:18:22.850 に答える
1

はい、必要なのは各ボタン内の要素を微調整することだけです。私の場合、このデモを使用aして確認してくださいdiv ul

http://jsfiddle.net/BFWQa/13/

それがあなたが期待したものであるかどうか、どんな質問でもしてください。

于 2013-10-29T17:16:24.340 に答える
0

frombackground-imageおよびbackground-positionの規則を使用する必要がありますCSS。詳細については、このリンクを確認してください。

投票するか、役に立った場合は回答としてマークしてください。

于 2013-10-29T17:11:26.203 に答える