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

जावास्क्रिप्ट डोम के साथ तय की जाने वाली पृष्ठभूमि छवि कैसे सेट करें?


बैकग्राउंड इमेज को JavaScript में ठीक करने के लिए सेट करने के लिए, बैकग्राउंड अटैचमेन का उपयोग करें टी संपत्ति। यह आपको एक ऐसी छवि सेट करने की अनुमति देता है जो स्क्रॉल नहीं करेगी।

उदाहरण

backgroundAttachment के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं जावास्क्रिप्ट के साथ संपत्ति -

<!DOCTYPE html>
<html>
   <body>
      <button onclick="display()">Click to Set background</button>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <script>
         function display() {
            document.body.style.background = "url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg') no-repeat right top";
            document.body.style.backgroundAttachment = "fixed";
         }
      </script>
   </body>
</html>

  1. वेबपेज की बैकग्राउंड इमेज कैसे सेट करें?

    किसी वेबपेज की पृष्ठभूमि छवि सेट करने के लिए, CSS शैली का उपयोग करें। CSS टैग के तहत, प्रॉपर्टी बैकग्राउंड-इमेज जोड़ें। संपत्ति एक ग्राफिक सेट करती है जैसे कि jpg, png, svg, gif, आदि। HTML5 पृष्ठभूमि विशेषता का समर्थन नहीं करता है, इसलिए CSS का उपयोग सेट पृष्ठभूमि छवि को बदलने के लिए किया जाता है।

  1. जावास्क्रिप्ट के साथ सूची-आइटम मार्कर के रूप में एक छवि कैसे सेट करें?

    सूची-वस्तु में एक छवि को मार्कर के रूप में सेट करने के लिए, listStyleImage का उपयोग करें जावास्क्रिप्ट में संपत्ति। उदाहरण आप जावास्क्रिप्ट के साथ एक छवि को सूची-आइटम मार्कर के रूप में सेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    &l

  1. सीएसएस के साथ तय की गई पृष्ठभूमि छवि सेट करें

    पृष्ठभूमि-अनुलग्नक . का उपयोग करें पृष्ठभूमि छवि को निश्चित रूप से प्रदर्शित करने के लिए संपत्ति। उदाहरण बैकग्राउंड-अटैचमेंट . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति - <!DOCTYPE html> <html>    <head>       <style> &