माउस पॉइंटर बटन क्लिक करने के लिए हाथ बनें

<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 है जो बटन क्लिक को संभालता है। समस्या यह है कि, जब आप छवि पर अपने माउस को घुमाते हैं, तो यह मूल तीर सूचक के रूप में रहता है। मैं इसे एक हाथ में कैसे बदल सकता हूं ताकि उपयोगकर्ता जानता है कि वे उस पर क्लिक कर सकते हैं?माउस पॉइंटर बटन क्लिक करने के लिए हाथ बनें

स्रोत

2011-01-07 slandau

आप कॉलम के लिए अपनी शैली को cursor:pointerCSS cursor property पर संपादित कर सकते हैं।

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

स्रोत

2011-01-07 16:54:25

बहुत बढ़िया। आप आदमी हो। सीएसएस वहाँ इतना है! – slandau

आप अपने सीएसएस शैली में cursor:pointer का उपयोग कर सकते हैं। See here for some CSS Cursors

वैकल्पिक रूप से, क्या आपको a टैग में लपेटने का कोई तरीका नहीं है, जो आपको आवश्यक लिंक पर इंगित करता है? जब छवि के ऊपर कर्सर की शैली

स्रोत

2011-01-07 16:54:53

'कर्सर: हाथ; 'मोज़िला और क्रोम में काम नहीं करता है,' कर्सर: पॉइंटर; ' – Burjua

@ बुर्जा मुझे बताए जाने के लिए धन्यवाद। –

बदलें:

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

स्रोत

2011-01-07 16:55:19 SirDarius

हर कोई काफी सही है, लेकिन मैं रख-रखाव के लिए बाहर उन शैलियों बंटवारे की सिफारिश करेंगे। कुछ इस तरह का प्रयास करें:

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>

स्रोत

2011-01-07 17:09:35 chprpipr

माउस पॉइंटर बटन क्लिक करने के लिए हाथ बनें

उत्तर

संबंधित मुद्दे