أفضل جافا سكريبت القائمة المنسدلة القائمة ؟ [مغلقة]

Question

أنا أبحث عن المنسدلة جافا سكريبت القائمة.

يجب أن تكون أبسط وأكثر أناقة يمكن الوصول إليها من القائمة التي تعمل في IE6 و فايرفوكس 2 أيضا.فإنه يكون على ما يرام إذا عملت على قائمة غير مرقمة (ul) بحيث يمكن للمستخدم استخدام الصفحة دون دعم جافا سكريبت.

وهو واحد هل يوصي أين يمكنني العثور على رمز إلى هذه القائمة ؟

Answer 1

أعتقد مسج superfish القائمة رائعة و سهلة الاستخدام:

http://users.tpg.com.au/j_birch/plugins/superfish/

جافا سكريبت غير مطلوب, و ذلك على أساس بسيطة صالحة ul unorder القوائم.

Answer 2

قائمة على حدة - القوائم المنسدلة

أود أن استخدام css-الحل الوحيد مثل ما ورد أعلاه وبالتالي فإن المستخدم لا يزال يحصل القوائم المنسدلة حتى مع جافا سكريبت المعوقين.

Answer 3

هنا جوابي باستخدام مسج:

jQuery.fn.ddnav = function() {
        this.wrap("");
        this.each(function() {
                var sel = document.createElement('select');
                jQuery(this).find("li.label, li a").each(function() {
                        jQuery("<option>").val(this.href ? this.href : '').html(jQuery(this).html()).appendTo(sel);
                });
                jQuery(this).hide().after(sel);
        });
        this.parent().find("select").after("<input type=\"button\" value=\"Go\">");
        var callback = function(button) {
                var url = jQuery(button.target).parent("div").find("select").val();
                if(url.length)
                        window.open(url, "_self")
        };
        this.parent().find("input[type='button']").click(callback);
        this.parent().find("select").change(callback);
        return this;
};

ثم في onready معالج:

  $("ul.dropdown_nav").ddnav();

ولكن أود أن أشير إلى أن هذه هي الرهيب لسهولة الاستخدام.من الأفضل استخدام قائمة وتبين للناس كافة الخيارات في آن واحد ، فإنه من الأفضل أن يتم الانتقال بعد اختيار و/أو تتطلب زر مختلفة تكون دفعت إلى حيث يريدون.

أعتقد أنك أفضل حالا أبدا باستخدام أعلاه (و كتبت الكود!)

Answer 4

بالنسبة الأصولي: http://www.grc.com/menudemo.htm بالتأكيد لا جافا سكريبت, نقية المغلق فقط - و يعمل تقريبا مع جميع المتصفحات.

القليل من التغيير والتبديل يمكن جعلها تبدو جيدة كما يتوهم القوائم (مسج, الخ.)

ولكن لدينا أيضا تستخدم مسج, YUI!و بائعين آخرين.YUI!كبيرة خيارات الوصول في بني ، إذا كان ذلك شرطا جافا سكريبت التي تعمل بالطاقة القوائم.

-- أندرو

Answer 5

يمكنني استخدام هذا واحد:

http://www.tanfa.co.uk/css/examples/menu/vs7.asp

يأتي في كل من العمودي والأفقي النكهات.

Answer 6

أنا أحب stickman هو الأكورديون, الذي يعتمد على كيف تريد أن تتصرف يمكن أن يكون تأثير لطيف.

Answer 7

لقد كان (بلا حرج) فان من ياهو!مكتبة واجهة المستخدم. لديهم لطيفة نظام القوائم التي من السهل تطبيقها.عبر متصفح الدعم.

ربما يمكنك الحصول على شيء مماثل من شعبية أخرى الأطر جافا سكريبت, مسج مثل, كذلك.