دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ علی
اشکال در حرکت عنصر
جامعه Html & CSS ایجاد شده در ۰۳ آبان ۱۴۰۱

سلام وقت بخیر

در مورد تمرین استاد یه سوالی داشتم، دو خط اول فقط کار میکنه، البته خط‌ها تک به تک کار میکنه اما پشت سر هم نه متاسفانه، ممنون از پاسخگویی تون.

      /*cr onsore morede nazar */
      .cr  {
        position: relative;
        text-align: center;
        height: 100px;
        width: 100px;
        padding-top: 15px;
        margin-right: 145px;
        margin-left: 145px;
        margin-top: 145px;
        background-color: blue;
        color: white;
        border-radius: 15px;
      }
  am.click(function () {
    cr.animate({ right: "150px" }, 1500);
    cr.animate({ top: "150px" }, 1500);
    cr.animate({ left: "150px" }, 1500);
    cr.animate({ bottom: "150px" }, 1500);
  });

درود

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

نازنین کریمی مقدم ۰۳ آبان ۱۴۰۱، ۱۹:۴۰

درود بر شما

https://codepen.io/Qeysari/pen/rNKNgQV

سپاس فراوان

علی ۰۴ آبان ۱۴۰۱، ۰۶:۵۰

ممنون از اینکه آپلود کردید.

المان شما یا راست دارد یا چپ و به همین ترتیب یا بالا دارد یا پایین. یعنی اینطوری نیست که بتونید برای هر چهار جهت پوزیشن تعریف کنید. مثلا اگر چپ و بالا رو انتخاب کردید با همونا برمیگردید و ...

شما میخواید دور خودش بچرخه، درسته؟ پس کافیه دو تا جهت تون رو انتخاب کنید و با همونا کار کنید:

 obj.animate({ left: "60px" }, 1500);
 obj.animate({ bottom: "60px" }, 1500);
 obj.animate({ left: "0px" }, 1500);
 obj.animate({ bottom: "0px" }, 1500);

برای توضیح بیشتر میتونید این تاپیک استک رو بررسی کنید.

بهترین پاسخ
نازنین کریمی مقدم ۰۴ آبان ۱۴۰۱، ۱۲:۰۶