डब्ल्यू3.सीएसएस

W3.CSS होम W3.CSS परिचय W3.CSS रंग W3.CSS कंटेनर W3.CSS पैनल W3.CSS बॉर्डर्स W3.CSS कार्ड W3.CSS डिफॉल्ट्स W3.CSS फ़ॉन्ट्स W3.सीएसएस गूगल W3.CSS टेक्स्ट W3.CSS राउंड W3.CSS पैडिंग W3.CSS मार्जिन W3.CSS डिस्प्ले W3.CSS बटन W3.CSS नोट्स W3.CSS उद्धरण W3.CSS अलर्ट W3.CSS टेबल्स W3.CSS सूचियाँ W3.CSS छवियां W3.CSS इनपुट्स W3.CSS बैज W3.CSS Tags W3.CSS प्रतीक W3.CSS उत्तरदायी W3.CSS लेआउट W3.CSS एनिमेशन W3.CSS प्रभाव W3.CSS बार्स W3.CSS ड्रॉपडाउन W3.CSS समझौते W3.CSS नेविगेशन W3.CSS साइडबार W3.CSS टैब्स W3.CSS पेजिनेशन W3.CSS प्रोग्रेस बार्स W3.CSS स्लाइड शो W3.CSS मोडल W3.CSS टूलटिप्स W3.CSS ग्रिड W3.CSS कोड W3.CSS फ़िल्टर W3.CSS रुझान W3.CSS केस W3.CSS सामग्री W3.CSS सत्यापन W3.CSS संस्करण W3.CSS मोबाइल

W3.CSS रंग

W3.CSS कलर क्लासेस W3.CSS रंग सामग्री W3.CSS रंग फ्लैट UI W3.CSS कलर मेट्रो UI W3.CSS रंग Win8 W3.CSS कलर आईओएस W3.CSS रंग फैशन W3.CSS रंग पुस्तकालय W3.CSS रंग योजनाएं W3.CSS कलर थीम्स W3.CSS कलर जेनरेटर

वेब बिल्डिंग

वेब परिचय वेब एचटीएमएल वेब सीएसएस वेब जावास्क्रिप्ट वेब विन्यास वेब बैंड वेब खानपान वेब रेस्टोरेंट वेब आर्किटेक्ट

उदाहरण

W3.CSS उदाहरण W3.CSS डेमो W3.CSS टेम्पलेट्स

संदर्भ

W3.CSS संदर्भ W3.CSS डाउनलोड

जावास्क्रिप्ट लाइब्रेरी का उपयोग करना

इसे बदलें:

<script src=""></script>

इसके लिये:

<script src="https://www.w3schools.com/lib/w3.js"></script>

कैसे करें - स्लाइड शो

जावास्क्रिप्ट उदाहरण

<img class="nature" src="img_snowtops.jpg" width="100%">
<img class="nature" src="img_mountains.jpg" width="100%">
<img class="nature" src="img_nature.jpg" width="100%">

<script>
w3.slideshow(".nature", 1500);
</script>

एचटीएमएल तत्वों को छुपाएं/दिखाएं

जावास्क्रिप्ट उदाहरण

<p>
<button onclick="w3.hide('#London')">Hide London</button>
<button onclick="w3.show('#London')">Show London</button>
</p>

<div id="London" class="w3-container w3-red">
  <h2>London</h2>
  <p>London is the capital city of England.</p>
</div>

<div id="Paris" class="w3-container w3-green">
  <h2>Paris</h2>
  <p>Paris is the capital of France.</p>
</div>

<div id="Tokyo" class="w3-container w3-blue">
  <h2>Tokyo</h2>
  <p>Tokyo is the capital of Japan.</p>
</div>

बधाई हो!

आपने अभी-अभी जावास्क्रिप्ट लाइब्रेरी का उपयोग करने की मूल बातें सीखी हैं।