با سلام. به هشتمین مثال از مجموعه مثال های دوره ی آموزش سریع Java Script خوش آمده اید. این مثال درمورد روش ایجاد یک انیمیشن ساده ی پراگرس می باشد.
کدهای HTML و Java Script شکل 1 را در Notepad تایپ کنید (من خودم برای خوانایی بهتر کدها، از محیط Visual Studio استفاده کرده ام) و سپس آنرا در دسک تاپ تحت نام Test8.html و نوع فایل (*.*) All Files ذخیره کنید.
شکل 1. کدهای HTML و Java Script مربوطه
در محیط نرم افزار MS Paint یک مستطیل آبی رنگ با ابعاد 15 در 30 پیکسل ایجاد کرده و آنرا در کنار فایل Test8.html (در دسک تاپ) با نام و پسوند Pic01.png ذخیره کنید.
با دابل کلیک بر روی فایل ایجاد شده در دسک تاپ (فایل Test8.html)، خروجی را در مرورگر پیش فرض، بصورت شکل 2 ملاحظه خواهید کرد. چنانچه مشاهده می کنید، یک انیمیشن پراگرس (حرکت مستطیل آبی در داخل کادر) ایجاد شده است.
شکل 2. انیمیشن ایجاد شده
همچنین برای اجرای کد بالا بر روی وب سایت ما، می توانید >> اینجا << کلیک کنید.
موفق باشید.
نوشته شده توسط: مهندس عبدالرضا قنبری
تاریخ های بروز رسانی این صفحه
- 26 February 2018 - 1396/12/07