Question

<td id="btnIcOld" style="text-align:center;">
    <img src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/Load.png")%>" />
</td>

$('#btnIcOld').live('click', function () {
    window.location.href = 'https://extranetint.chathamfinancial.com/indications/swapcalculator';
});

正如您在上面看到的那样，图像是我的按钮，这就是处理按钮点击的JQuery。问题是，当您将鼠标悬停在图像上时，它将保持为基本箭头指针。如何让它更改为一只手，以便用户知道他们可以点击它？

Answer 1

您可以将列的样式编辑为cursor:pointer，请参阅CSS cursor property。

<td id="btnIcOld" style="text-align:center;cursor:pointer;">
    <img src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/Load.png")%>" />
</td>

Answer 2

您可以在CSS样式中使用cursor:pointer。 See here for some CSS Cursors

或者，是否无法将其包装在a标记中，指向您需要的链接？

Answer 3

在图像上方更改光标的样式：

<td id="btnIcOld" style="text-align:center;">
    <img style="cursor: pointer" src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/Load.png")%>" />
</td>

Answer 4

每个人都非常正确，但我建议将这些样式拆分出来以保持可维护性。尝试这样的事情：

的main.css：

.txtCenter  { text-align:center; }
.clickImage { cursor:pointer; }

ASPX页面：

<html>
    <head>
        ...
        <link rel="stylesheet" href="path\to\main.css" type="text/css" />
    </head>

    <body>
        ...

        <td id="btnIcOld" class="txtCenter">
            <img class="clickImage" src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/Load.png")%>" />
        </td>

        ...
    </body>
</html>

使鼠标指针成为点击按钮的手

4 个答案: