3

可能重复：
当鼠标悬停在 <li> 元素上时，让鼠标指针变成一只手？

基本上，我使用的是一个 javascript 库，它可以通过单击表头来对表进行排序。我自己没有使用 javascript 的经验。唯一的问题是，点击表格并不是最直观的事情。因此，我想让它看起来像一个链接。我已经把它加了下划线，但它仍然不是特别明显，因为当你将鼠标悬停在它上面时，鼠标不会改变它的外观。我想将鼠标图像更改为您将鼠标悬停在链接上时得到的手。目前，我想要看起来像链接的那些只是一个空白（没有href）。有什么方法可以轻松做到这一点，它会涉及 javascript，有人知道怎么做吗？

4

2 回答 2

5

这个问题确实可以通过使用javascript来解决，但是你应该求助于CSS的力量。

如果您实际上想要在悬停更改光标上创建的元素确实是 a<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 回答