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

जावास्क्रिप्ट डोम के साथ पृष्ठभूमि छवि को दोहराने के लिए कैसे शैलीबद्ध करें?


बैकग्राउंड इमेज को जावास्क्रिप्ट के साथ दोहराए जाने के लिए स्टाइल करने के लिए, बैकग्राउंड रिपीट का उपयोग करें संपत्ति। यह आपको यह सेट करने की अनुमति देता है कि पृष्ठ पर पृष्ठभूमि छवि दोहराती है या नहीं।

उदाहरण

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

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

  1. सीएसएस के साथ छवियों को कैसे स्टाइल करें?

    CSS के साथ छवियों को स्टाइल करने के लिए, आपको ऊंचाई, चौड़ाई, - moz-opacity, आदि जैसे गुणों का उपयोग करने की आवश्यकता है। आइए देखें कि - moz-opacity CSS संपत्ति के साथ एक पारदर्शी छवि कैसे बनाएं: किसी छवि की -मोज़-अपारदर्शिता गुण का उपयोग किसी छवि की अपारदर्शिता को सेट करने के लिए किया जाता है। इस ग

  1. जावास्क्रिप्ट के साथ छवि प्रीलोडिंग कैसे करें?

    आप निम्न विधि का उपयोग करके जावास्क्रिप्ट का उपयोग करके छवियों को प्रीफ़ेच कर सकते हैं - function preloadImage(url) {    let img = new Image();    img.src = url;    return img; } ध्यान दें कि यदि आपने इसका उपयोग नहीं किया है तो सभी ब्राउज़र कुछ सेकंड के बाद छवि को रिली

  1. HTML DOM स्टाइल बैकग्राउंड प्रॉपर्टी

    बैकग्राउंड प्रॉपर्टी का इस्तेमाल किसी एलीमेंट से जुड़ी बैकग्राउंड इमेज को सेट करने या पाने के लिए किया जाता है। यह एक शॉर्टहैंड प्रॉपर्टी है और 8 प्रॉपर्टी में हेरफेर कर सकती है। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है बैकग्राउंड प्रॉपर्टी सेट करना - object.style.background = "color imag