Machen der Maus Zeiger sich die hand, um klicken Sie auf die Schaltfläche

<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';
});

So wie Sie oben sehen können, das Bild ist meine Taste, und das ist die JQuery, mit der die Schaltfläche klicken. Problem ist, wenn Sie Ihre Maus über das Bild, es bleibt als die basic-Zeiger. Wie mache ich es in eine hand ändern, damit der Benutzer weiß, Sie können klicken Sie auf Sie?

InformationsquelleAutor slandau | 2011-01-07
  1. 15

    Bearbeiten können Sie Ihren Stil für die Spalte, zu der cursor:pointer siehe CSS cursor Eigenschaft.

    <td id="btnIcOld" style="text-align:center;cursor:pointer;">
    <img src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/Load.png")%>" />
</td>
    • Genial. Sie sind der Mann. CSS gibt es so viel zu ihm!
    InformationsquelleAutor Quintin Robinson
  2. 1

    Ändern Sie den cursor Stil, wenn oben das Bild:

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

    Können Sie cursor:pointer in Ihrer CSS-Stil. Hier finden Sie einige CSS-Cursor

    Alternativ, gibt es keine Möglichkeit, wickeln Sie es in ein a tag, auf den link, den Sie brauchen?

    • cursor:hand; funktioniert nicht in Mozilla und Chrome cursor:pointer; hat
    • Vielen Dank für das lassen mich wissen.
    InformationsquelleAutor Jonathon Bolster
  4. 0

    Jeder ist ziemlich direkt, aber ich würde empfehlen, Aufteilung diejenigen Stile aus, die für die Wartbarkeit. Probieren Sie etwas wie dieses:

    main.css:

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

    ASPX-Seite:

    <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>
    InformationsquelleAutor chprpipr
Schreibe einen Kommentar