Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript से माउस पॉइंटर के लिए कर्सर प्रकार कैसे सेट करें?

उदाहरण

cursor प्रॉपर्टी से माउस होवर पर कर्सर शैली बदलें।

<!DOCTYPE html>
<html>
  <body>
    <h1 id="myID">हेडिंग 1</h1>
    <p>माउस होवर से पहले और बाद में हेडिंग जांचें।</p>
    <button type="button" onclick="display()">कर्सर बदलने के लिए क्लिक करें</button>
    <script>
      function display() {
        document.getElementById("myID").style.cursor = "pointer";
      }
    </script>
  </body>
</html>

सामान्य मान: auto, default, pointer, text, wait, help, move, not-allowed, zoom-in, zoom-out, grab, grabbing, कस्टम URL।

  1. - JavaScript से एलिमेंट की अस्पष्टता (opacity) स्तर कैसे सेट करें?

    उदाहरण opacity प्रॉपर्टी (0.0 से 1.0) से एलिमेंट पारदर्शिता सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: gray; } </style> </head> <body> <p>अस्पष्टता सेट करने के लि

  1. - JavaScript से लिस्ट-आइटम मार्कर प्रकार कैसे सेट करें?

    उदाहरण listStyleType प्रॉपर्टी से लिस्ट मार्कर का प्रकार (डिस्क, सर्कल, स्क्वायर, दशमलव, आदि) सेट करें। <!DOCTYPE html> <html> <body> <ul id=myID> <li>एक</li> <li>दो</li> </ul> <button type=button onclick=displaySquar

  1. - JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?

    उदाहरण margin शॉर्टहैंड प्रॉपर्टी से चारों मार्जिन एक साथ सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>चारों मार्जिन सेट करें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {