• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
محمدمهدیـ

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

9 پست در این موضوع قرار دارد

سلام

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

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

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

post-4013-0-38617700-1402929030_thumb.pn

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

0

به اشتراک گذاری این پست


لینک به پست

با 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;

5

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

درورد

شما که منو رو ساختید فکر کنم فقط میخواید سرعتش رو دست کاری کنید همین کدی که دوستمون داده رو بزارید توی خاصیت 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 یعنی یک میکرو ثانیه

موفق باشید!

1

به اشتراک گذاری این پست


لینک به پست

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

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

مثالها

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

2

به اشتراک گذاری این پست


لینک به پست

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

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

مثالها

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

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


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری