چگونگی تغییر کلاس یک Div با Jquery

[farnaz.saeedi]

با سلام
فرض کنید یه Div داریم با کلاس Box.میخایم وقتی موس روی Div رفت کلاسمون تغییر پیدا کنه به Box2.ولی میخام این تغییر مثلا 2 ثانیه طول بکشه تا انجام بشه،نه یکباره.چکار باید بکنم؟
با تشکر

[bluetooth153]

جی کوئری توابعی برای اینکار داره
برای مثال با تابع addclass میتونید یک کلاس جدید رو به سلکتورتون اضافه کنید. یا با تابع removeclass کلاس رو از سلکتور حذف نمایید.

$(selector).addclass('Box2');
متوجه بخش دوم سوالتون نشدم . اگه منظورتون اینه که پس از اینکه موس رفت روی سلکتور بعد از 2 ثانیه عمل تغییر کلاس اتفاق بیفته میتونید از تابع delay استفاده کنید.
موفق باشید

[farnaz.saeedi]

سلام
نمیخوام که 2 ثانیه هیچ اتفاقی نیوفته بعد یکباره کلاس عوض بشه.میخوام عوض شدن کلاس دو ثانیه طول بکشه فرض کنید تو کلاس Box2 یه Border به Div اضافه میشه میخام Border آروم آروم ظاهر بشه نه یکباره.مثل FadeIn .

[mrgraphy]

برای این کار شما باید از animate تو جی کوئری استفاده کنید و css هاتون رو تو این متد بزنید تا این اتفاق بیوفته در غیر این صورت راهی نیست.

[farnaz.saeedi]

برای این کار شما باید از animate تو جی کوئری استفاده کنید و css هاتون رو تو این متد بزنید تا این اتفاق بیوفته در غیر این صورت راهی نیست.
سلام
میشه یه نمونه کد با animate بزارید.من هر کاری میکنم عوض نمیشه،بعضی از خصوصیات تغییر نمیکنه

[masudafsar]

تو تابع animate فقط بعضی از مولفه های css وجود داره، مثلا تغییر رنگ امکان پذیر نیست ولی جابجایی و تغییر اندازه امکان پذیره.

[farnaz.saeedi]

خب الان چکار باید بکنم که مثلا ظاهر شدن یه Border یا تغییر رنگ بصورت Animate انجام بشه و یکباره انجام نشه؟