با سلام. به پنجمین مثال از مجموعه مثال های دوره ی آموزش سریع Java Script خوش آمده اید. این مثال درمورد روش ایجاد تگ های div ویژه ای می باشد که با حرکت ماوس از رویشان، رنگشان تغییر پیدا می کند.
کدهای HTML و Java Script شکل 1 را در Notepad تایپ کنید (من خودم برای خوانایی بهتر کدها، از محیط Visual Studio استفاده کرده ام) و سپس آنرا در دسک تاپ تحت نام test5.html و نوع فایل (*.*) All Files ذخیره کنید.
شکل 1. کدهای HTML و Java Script مربوطه
با دابل کلیک بر روی فایل ایجاد شده در دسک تاپ، خروجی را در مرورگر پیش فرض، بصورت شکل 2 ملاحظه خواهید کرد. چنانچه مشاهده می کنید، زمانیکه ماوس را بر روی یکی از تگ های div قرار می دهیم، رنگ پس زمینه به سبز تغییر پیدا می کند و در زمانیکه ماوس را از روی آن بر می داریم، رنگ پس زمینه به حالت عادی بر می گردد..
شکل 2. وجود ماوس روی تگ div باعث تغییر رنگ پس زمینه می گردد
همچنین برای اجرای کد بالا بر روی وب سایت ما، می توانید >> اینجا << کلیک کنید.
موفق باشید.
نوشته شده توسط: مهندس عبدالرضا قنبری
تاریخ های بروز رسانی این صفحه
- 15 January 2018 - 1396/10/25