سرعت دادن به ظاهر شدن یک زیر منو در css

[محمدمهدیـ 122]

سلام

یک سوال خیلی خیلی خیلی ساده ! فرض کنید یک منوی این شکلی دارم مثل عکس پیوست شده به انجمن.

میخوام یه کاری کنم که زیر منو ها سریع با hover روی منوی بالاترش باز نشه. یعنی از منوی کنار آروم آروم باز بشه بیاد چپ و در مکان خودش قرار بگیره یعنی اول هیدن باشه و

بعد از hover شدن روی منوی بالای خودش یواش یواش باز بشه بیاد چپ و دیده بشه. توی عکس هم معلومه.

حالا با css میشه یا جیکویری؟

[SM-Mahdavi 5428]

با transition کار کنید.

transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;

[hamidwi 479]

سلام

هم با css3 میشه هم با جی کوئری.

http://www.w3schools.com/css/css3_transitions.asp

[محمدمهدیـ 122]

مرسی ولی میشه نمونه ای بدید ؟؟ که از راست بره چپ زیر منو ها ؟

[Alireza Xn 1644]

مرسی ولی میشه نمونه ای بدید ؟؟ که از راست بره چپ زیر منو ها ؟

یعنی چی از راست بره چپ زیر منو ؟؟؟ اول باید خودتون یه نمونه از چیزی که میخواهید رو بدید .

[Poorya.sh 39]

درورد

شما که منو رو ساختید فکر کنم فقط میخواید سرعتش رو دست کاری کنید همین کدی که دوستمون داده رو بزارید توی خاصیت Hover و هم توی کلاس اصلی که موقع برگشت هم سرعت همون مقدار باشه دیگه مشکلتون حل میشه

transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;

برای زیاد یا کم کردن سرعت هم عدد0.2s رو کم و زیاد کنید واحدش هم بر حسب ثانیه است که وقتی نوشته میشه 0.1 یعنی یک میکرو ثانیه

موفق باشید!

[rezakianoosh 1795]

از افزونه جی کوئری سوپرفیش استفاده کنید .

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

مثالها

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

[محمدمهدیـ 122]

از افزونه جی کوئری سوپرفیش استفاده کنید .

http://users.tpg.com...gins/superfish/

مثالها

http://users.tpg.com...rfish/examples/

داداش تشکر همینه افکت های دیگه ای هم داره؟ اگر بخوام از راست بیاد چپ چی میشه کدش ؟

[محمدمهدیـ 122]

24 ساعت گذشته است. راهنمایی کنید اساتید

اگر بخوام از راست بیاد چپ چی میشه ؟

ویرایش شده خرداد 93 توسط مهندس