بعد چند روز بالاخره یه پست جدید میذارم……

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

امروز میخوایم یکی از افکتها فوق العاده قشنگ jquery رو بررسی کنیم و یاد بگیریم….اصولا افکتایی که دارم یاد میدم خیلی چیزای ساده ای هستند و من هم سعی میکنم کوتاه بنویسم که خسته یا زده نشید….. بعدا ایشالله افکتهای پیچیده تر رو بررسی خواهیم کرد که یه جورایی به الگوریتم هم احتیاج داره.یعنی احتیاج به درک عمیق از موضوع داره تا به قول معروف افکت یا کارمون ملکه ذهنتون بشه!!!

خب بیایم اول فکر کنیم ببینیم میخوایم چی کار کنیم……..پس اول هدف کارمون رو مشخص میکنیم بعد جزئیات هر بخشش رو مینویسیم.

من میخوام وقتی کاربر نشانگر ماوسش روی لینکای من میاد یه نوشته کوچیک به صورت خیلی نرم و زیبا بالای لینک بیاد که توصیح بده این لینک چیه و شامل چی میشه…….خب پس نتیجه میگیریم که باید با کلاس کاذب hover کار کنیم(کلاسی که توی css برای سبک دهی به لینک , زمانی که ماوس کاربر روی لینک قرار میگیره استفاده میشه)

از اونجایی که میخوایم کارمون با لینکها تطابق داشته باشه و چیزی خراب از درنیاد ازanimate . برای اینکه انیمشین اختصاصی خودمون رو تعریف کنیم استفاده میکنیم.در واقع با animate. میتوینم افکتهامون(هر چی که باشه) رو تعریف و مقدار دهی خاص کنیم و با کارمون تطابق بدیم.

پس خیلی ساده میتونیم کدامون رو اینطوری بنویسیم.

همونطور که میبینید کار این کد اینه که وقتی ماوس رو لینکها میره دنبال em هامون میگرده(منظور همون توضیحات لینکهاست) وقتی که پیداشون کرد انیمیشن رو روشون اجرا میکنه……که همونطور که میبینید دو تا حالت خواهیم داشت یکی show و دیگری hide که top هم فاصله توضیحات از لینکها در موقع ظاهر و مخفی شدنشون رو تعیین خواهد کرد(شاید این توضیح یکمی گیج کننده باشه…..پس اعداد رو کم و زیاد کنید تا مطلب دستتون بیاد)

اخرشم برای سرعتشون از fast وslow استفاده کردیم که فکر نکنم به توضیح احتیاج داشته باشه!!!نتیجه کار و سورس کدها رو هم میتونید اینجا دانلود کنید……

اینم از اموزش امروزمون……واقعا چیزی نداشت……مطمعنا یه بار نیگاش کنید کل جریان دستتون میاد.اگه میخواید یه طراح وب موفق باشید باید بتونید userinterface ها و کلا هر چی که کاربر باهاش سر وکار داره رو زیبا و شیک درست کنید ……اگه برای کارتون ارزش قائل باشید حتما این موارد رو رعایت خواهید کرد…..اگرم نه که………….

ایشالله دفعه بعد یکمی بیشتر در مورد درست کردن یه کار موفق صحبت خواهم کرد که کلا طراحی و فهم چیزی که مشتری میخواد یه اصل خیلی مهم هست و با خلاقیت شما رابطه مستقیم داره!!!……..