2010-11-01 19 views
5

के बिना ड्रॉपडाउन मेनू करना संभव है हमारे पास ड्रॉपडाउन मेनू के लिए जावास्क्रिप्ट का उपयोग न करने की आवश्यकता है। यह आवश्यकता मैटैन एसईओ मूल्य के कारण है।क्या जावास्क्रिप्ट या Jquery

क्या यह पूरी तरह से सीएसएस के साथ इसे प्राप्त करने और इसे सभी ब्राउज़रों पर काम करने का कोई तरीका है।

मैंने ली माउसओवर और माउसआउट के साथ प्रयास किया, लेकिन यह आई 7 में काम नहीं कर रहा है। यह केवल फ़ायरफ़ॉक्स में काम कर रहा है।

क्या आप सलाह दे सकते हैं या अच्छे समाधान पर दिशानिर्देश दे सकते हैं।

धन्यवाद

+1

जबकि शायद संभव, मैं सिर्फ आश्चर्य है कि अगर इसके बारे में "कोई जावास्क्रिप्ट" एक नीति को लागू करने के लिए यथार्थवादी है। जब आप जावास्क्रिप्ट का उपयोग नहीं करना चाहते हैं, तो आप वेब 2.0 दुनिया की कई आधुनिक विशेषताओं को याद करेंगे। एक विकल्प एचटीएमएल 5 में सुविधाओं को देखने के लिए हो सकता है, लेकिन कई पुराने ब्राउज़र इसका समर्थन नहीं करेंगे। –

+0

@workshop, लेकिन हमारे पास इस तरह के व्यवसाय से एक एसईओ आवश्यकता है। – kobe

+0

मुझे पता है। मेरे अनुभव में, इस तरह की आवश्यकताओं के साथ मैं बस इतना कहता हूं "नहीं, यह संभव नहीं है।" (भले ही यह संभव हो!) क्यों? क्योंकि जब आप किसी भी स्क्रिप्टिंग विकल्पों के बिना इन प्रकार की विशेषताओं को चाहते हैं तो आप चीजों को बेहद मुश्किल बनाते हैं। "यह किया जा सकता है" धीमी और दर्दनाक तरीके से चीजों को करने के लिए एक वैध बहाना नहीं है। सीएसएस बेहद शक्तिशाली है, लेकिन इन प्रकार की चालों को बनाए रखने के लिए बहुत सारे अनुभव की आवश्यकता होती है। –

उत्तर

6

हाँ के साथ परीक्षण किया गया है।

देखें: http://www.cssplay.co.uk/menus/dropdown.html

+0

बहुत बहुत धन्यवाद .. यह वही है जो मैं चाहता हूं .. आप हिल गए। – kobe

1

सादा HTML के बारे में क्या?

<select name="myDropdown"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
</select> 
+1

मुझे लगता है कि वह एक वेबसाइट मेनू के लिए था, एक रूप में डेटा का चयन करने के लिए नहीं। –

+0

शायद आप इस तरह कुछ कोशिश कर सकते हैं: http://www.exploding-boy.com/images/EBMenus/menus.html – dotariel

+0

हाँ वेबसाइट मेनू ... केवल – kobe

3

आप यह कर सकते के लिए सिर्फ सीएसएस के साथ काम करेगा

#item { 
    display: none; 
} 

#item:hover { 
    display: block 
} 

इसके अलावा यहां एक नजर है:

http://lwis.net/free-css-drop-down-menu/

आप HTML तत्व तो आप इस हैक का उपयोग कर सकते के विभिन्न अधिक मंडराना के लिए IE6 के साथ एक समस्या का सामना करना/ठीक

http://www.xs4all.nl/~peterned/csshover.html

मैं इस परीक्षण किया हो सकता है: आईई 6/7/8 के तहत http://lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html

काम करता है , IETester

+0

यह आईई में काम नहीं कर रहा है। – kobe

+0

कौन सा काम नहीं कर रहा है और जिसके तहत आईई (6/7/8)? – infinity

+0

धन्यवाद अनंतता, आप लोगों ने अपना काम बहुत आसान बना दिया। – kobe

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