دانلود اسکریپت ماهی قرمز متحرک
- دسته: افزونه ها
- آخرین به روز رسانی سه شنبه, 05 دی 1396 22:51
- نوشته شده توسط مصطفی نوروزی
- بازدید: 5087
تا تحویل سال نو شمسی و عید نوروز چندماهی باقی مانده اما بر آن شدیم کمی زودتر حال و هوای نوروز را زنده کنیم!
شاید تا همین چند سال برای ایجاد یک شی متحرک تقریبا همه دست به دامن فلش می شدند. رفته رفته با مشکلاتی که نصب افزونه فلش برای کاربران ایجاد می کرد، جاوا اسکریپت جای آن را گرفت و سرانجام با آمدن CSS3 و HTML5 شاهد تحول قابل توجهی در سبک طراحی وب سایت هستیم.
فایلی که در این مقاله آماده کرده ایم، عبارت است از یک ماهی قرمز که می توانید از آن در صفحه سایت خود استفاده کنید. مهمترین نکته در این اسکریپت عدم استفاده از فلش و حتی جاوا اسکریپت می باشد. این یعنی هم حجم کد شما برای ایجاد یک ماهی کم است (تنها 13 کیلوبایت) و هم در هر دستگاهی چه گوشی هوشمند و چه سیستم های اپل یا ویندوز بخوبی قابل اجراست.
1) فایل دانلودی را ابتدا از حالت فشرده خارج و فایل CSS آن را به سایت خود پیوست کنید.
2) حال می توانید کد html را به سایت اضافه کرده و شاهد حرکت آرام ماهی قرمز در سایت باشید.
توجه : اگر می خواهید رنگ ماهی یا اندازه و سرعت حرکت آن را تغییر دهید می توانید به سورس فایل CSS مراجعه کنید.
