3

重複の可能性:
<li> 要素にカーソルを合わせたときにマウス ポインターを手にしますか?

基本的に、表の見出しをクリックして表をソート可能にする JavaScript ライブラリを使用しています。私自身は JavaScript の経験がありません。唯一の問題は、テーブルをクリックすることが最も直感的な操作ではないことです。そのため、リンクのように見せたいと考えています。下線を引いていますが、マウスを重ねても見た目が変わらないので、まだあまり目立ちません。マウスの画像を、リンクの上にカーソルを置いたときに得られる手の形に変更したいと思います。現在、リンクのように見せたいものは空白 (href なし) です。これを簡単に行う方法はありますか、それにはjavascriptが必要ですか、そして誰かがその方法を知っていますか?

4

2 に答える 2

5

この問題は確かにJavaScriptを使用して解決できますが、代わりにCSSの力を利用する必要があります。

ホバー変更カーソルで実際に作成したい要素が実際に「#」の値を持つ<a>属性を追加して、ブラウザーがカーソルの変更を自動的に処理するようにすることをお勧めします。href

<a href="#">I'm a real link, but pressing me won't lead to another webpage</a>

スニペットの例 (CSS を使用)

<html>
  <head>

    <style>
      th:hover {
        cursor:pointer;
      }   
    </style>

  </head>
  <body>

    <table border="1">
      <tr> <th>Header 1</th> <!-- --> <th>Header 2</th> </tr>
      <tr> <td>value 1 </td> <!-- --> <td>value 2 </td> </tr>
    </table>

  </body>
</html>

jsFiddle ライブ サンプル

于 2012-07-14T08:46:47.993 に答える
0

CSS を使用してこれを追加します。

a {
      cursor: pointer;
}

ホバー効果の使用を検討することもできます。

もう少し考えてみると、aタグの使い方が間違っているに違いありません。href は常に必要であり、空白のままにしないでください。したがって、<a href="#">link</a>. あなたの問題を解決します。

于 2012-07-14T10:13:14.007 に答える