2011-01-07 5 views
8
<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です。問題は、マウスを画像の上に置くと、基本的な矢印ポインタのままです。どのように私はそれをユーザーが彼らがそれをクリックすることができます知っているように手に変更するには?マウスポインタをクリックしてボタンにするようにします

答えて

15

カラムのスタイルをcursor:pointerに編集することができます。CSS cursor propertyを参照してください。

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

素晴らしいこのような何かを試してみてください。あなたは男です。 CSSはそれほどです! – slandau

1

あなたのCSSスタイルにcursor:pointerを使用できます。 See here for some CSS Cursors

また、aタグにラップする方法がない場合は、必要なリンク先を教えてください。

+0

MozillaとChromeでは 'cursor:hand;'は動作しません、 'cursor:pointer;'は – Burjua

+0

@Burjaありがとうございます。 –

1

変更画像上のカーソルのスタイル:

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

みんなはかなり右ですが、私は保守のためにそれらのスタイルを分割することをお勧めします。

の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> 
関連する問題