3

HTMLページにJavaScript関数を呼び出すクリック可能な画像があります...しかし、クリック可能に見えないため、誰もクリックしていません... <a href=を使用せずにクリック可能にするにはどうすればよいですか""></a> タグで囲みますか?

これが私のコードの例です...

<div id="bvu11" style="margin: 0px 5px; float: left;">
     <span id="bviu11">
     <img src="/images/icons/favorites_add.png" onclick="favoritesAdd(2,11,'u')">
     </span>
</div>
4

4 に答える 4

21

CSS の使用

画像 (例: クリック可能な画像) にクラスを追加し、これを CSS に追加します。

.clickable-image
{
    cursor: pointer;
}
于 2009-06-28T19:17:23.043 に答える
3

CSSカーソルプロパティを見てください

<span id="bviu11" style="cursor: pointer;">
于 2009-06-28T19:16:04.853 に答える
1

cursor：pointerを追加するだけでなく、画像やボタンにスタイルを設定すると、ユーザーが画像やボタンにカーソルを合わせる前に、それらがリンクのように見える可能性があります。単純な境界線を試すか、画像にドロップシャドウ/グローを適用して、より3D効果を与え、より「クリック可能」に見えるようにします。また、ホバー状態（画像/ボタンに異なるスタイル）を追加すると、非常に役立ちます。

于 2009-06-29T01:18:47.853 に答える
0

変化する

<div id="bvu11" style="margin: 0px 5px; float: left;">

に

<div id="bvu11" class="spanLink">

そして追加

.spanLink {
   margin: 0px 5px; 
   float: left;
   cursor: pointer;
}

あなたのcssに。

于 2009-06-29T00:42:57.533 に答える