2009-10-20 31 views
5

मैं एक ऐसे मेनू को स्टाइल करने की कोशिश कर रहा हूं जिसमें स्थिर ऊंचाई हो और सामग्री हेडर के बीच प्रदर्शित हो। (कृपया नीचे दी गई छवि देखें ... उपयोगकर्ता के शीर्षलेख पर क्लिक करने के बाद दाएं तरफ दृश्य है)इस मेनू शैली को क्या कहा जाता है?

इस मेनू शैली को क्या कहा जाता है? मैं इसे jQuery के साथ कैसे पूरा कर सकता हूं?

accordion menu http://i37.tinypic.com/25ztrsx.png

संपादित करें: धन्यवाद! मैंने पूछने से पहले accordion की खोज की, लेकिन मैं कोई उदाहरण नहीं ढूंढ पाया जहां मेनू की ऊंचाई सामग्री के बावजूद स्थिर रहती है।

संपादित करें 2: Vertical concertina menu धन्यवाद लिंक प्रदान करने के लिए @ricebowl: यह व्यवहार मैं खोज रहा था है।

+0

यह उनका कहना है लायक है, मुझे लगता है, कि आप बस एक्सएचटीएमएल और सीएसएस के साथ इस लेआउट प्राप्त कर सकते हैं, कोई * आवश्यकता * (जब तक आप चाहते हैं) करने के लिए jQuery या जेएस का प्रयोग करें। नीचे मेरा जवाब देखें। –

+0

निश्चित रूप से, लेकिन आमतौर पर ग्राहक आजकल मांग कर रहे हैं और बहुत कम प्रभाव और एनीमेशन चाहते हैं, मुझे नहीं लगता कि एक सुपर minimalistic एचटीएमएल/सीएसएस कुछ ग्राहकों के लिए इसे काट देगा। –

+0

@meder, आप बिल्कुल सही हैं; लेकिन मूलभूत बातों के साथ रहने के इच्छुक लोगों के लिए, यह एक अच्छा संसाधन है। लेकिन मैं इसे मूलभूत बातें, और * जेएस/jQuery के साथ * बढ़ाने के लिए काम करना पसंद करता हूं। इस तरह यह अभी भी अच्छा दिखता है - बिना बुनियादी। =) –

उत्तर

5

मुझे यकीन है कि आप जानते हैं, अब तक, कि इस अकॉर्डियन मेनू शैली है, मैं सिर्फ -यदि आप एक गैर के लिए उत्तरदायी हो सुझाव देंगे कर रहा हूँ -jQuery विकल्प- कि आप स्टू निकोल की css-play वेबसाइट पर जाते हैं, जहां उसके पास इस accordion मेनू शैली का शुद्ध xhtml/css version है।

+0

वाह, यह वास्तव में स्क्रिप्ट की एक पंक्ति का उपयोग न करने के लिए बहुत अच्छा है! – gn22

+0

लिंक के लिए धन्यवाद! मुझे वही मिला जो मैं चाहता था। – Nescio

+1

@ गुरदास, मैंने स्टू निकोल की साइट को नई चीजों को सीखने और सीएसएस समस्याओं से निपटने के लिए वर्षों में अनिवार्य पाया है। उनके सीएसएस खेल, हालांकि, * शुद्ध * भयानक हैं: http://www.cssplay.co।यूके/मेनू/(शीर्षक 'पहेलियाँ' के तहत) =) –

0
इस

अकॉर्डियन कहा जाता है

1

कार्यक्षेत्र अकॉर्डियन मेनू

0

इसे Accordian मेनू UI पैटर्न के रूप में जाना जाता है। इसमें कुछ jQuery प्लगइन कार्यान्वयन हैं, जिनमें से एक: jQuery Accordion है।

अधिक जानकारी और यहाँ कुछ अच्छे उदाहरण:

http://ui-patterns.com/pattern/AccordionMenu

संबंधित मुद्दे