PDA

View Full Version : طراحی منو



amir.bakhtiari
شنبه 11 تیر 1390, 12:29 عصر
با عرض سلام و خسته نباشید

من میخواستم منویی شبیه این منو طراحی کنم
سورس نمیخوام آموزش طراحی چنیین منویی رو میخوام

http://www.liau.ac.ir/

s2/mri
شنبه 11 تیر 1390, 13:30 عصر
این منو توسط جی کوئری طراحی شده
امکان طراحی فقط با html و css هم هست ولی یه خورده فرق میکنه
چقدر با css اشنایی داری؟
یه سرچ کوچیک بزنی تو همین برنامه نویس باید باشه

hamiii
دوشنبه 13 تیر 1390, 09:28 صبح
آموزش طراحی چنین منویی از حوصله این فروم خارج هستش. ولی اصولش رو براتون میگم.البته باید اندکی به جی کوئری و بیشتر به css و html تسلط داشته باشید.
به چنین منوهایی dropdown menu میگن.و در ساده ترین حالت از slideToggle استفاده میکنن (اگه با جی کوئری آشنا نباشین قاعدتا معنی slideToggle رو متوجه نمیشین.)
در html باید یک لیست (ul/li) ایجاد کنید تا زمانی که موس روی ul قرار میگیره (hover) واقعه ی slideToggle اتفاق بیافته و لیست باز و بسته بشه.
البته این فقط اصولش هست و برای عملکرد کامل منو نیاز به توابع دیگری نیز هست که در مثالهای متفاوت کاربردهای مختلفی ممکنه داشته باشه.
موفق باشی