ekterya.com

कैसे jQuery में एक accordion मेनू बनाने के लिए

यह आलेख वेब डिज़ाइनर के उद्देश्य से है, जो जानना चाहते हैं कि जावास्क्रिप्ट में jQuery और सीएसएस के जादू का इस्तेमाल करके अपने खुद के एपचॉर्डियन मेनू को कैसे विकसित किया जाए।

चरणों

JQuery के चरण 1 में एक एॉर्ड्रोन मेनू बनाएं शीर्षक वाला छवि
1
JQuery का उपयोग करने के लिए अपने वेब पेज को कॉन्फ़िगर करें पहले जाने के लिए Google कोड साइट, फिर AJAX एपीआई मेनू का चयन करें और फिर अनुभाग पर जाएं Google AJAX लाइब्रेरीज़ एपीआई, जहां आप अपने पृष्ठ पर चलने वाली jQuery लाइब्रेरी को प्राप्त करने के लिए सही लिंक पायेंगे, लेकिन वह Google प्रदान करता है।
  • JQuery के चरण 2 में एक Accordion मेनू बनाएं शीर्षक वाला छवि
    2
    लेबल के बीच निम्न कोड रखें
     .
    ..
  • JQuery के चरण 3 में एक एक्सेडरियन मेनू बनाएं शीर्षक वाला छवि



    3
    अपने एचटीएमएल संरचना को परिभाषित करें.
  • मेकअप एक-अकॉर्डियन-मेनू में jQuery-चरणीय-4.jpg" वर्ग ="छवि लाइटबॉक्स">
    जेनोवा चरण 4 में एक Accordion मेनू बनाएं शीर्षक वाला चित्र
    4
    लाइब्रेरी अनुरोध के बाद अपने कोड में निम्नलिखित jQuery फ़ंक्शन जोड़ें:
  • JQuery के चरण 5 में एक Accordion मेनू बनाएं शीर्षक वाला चित्र

    Video: JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo

    5
    CSS शैलियों का उपयोग करने से पहले पूर्वावलोकन करें.
    • सामाजिक नेटवर्क पर साझा करें:

    संबद्ध
    © 2021 ekterya.com