زیرخط دارکردن یا تغییر رنگ متن هنگامی که اشاره گر ماوس روی متن قرار میگیرد
وقتی که میخوایم متن یه label رو یا textbox رو یا حالا یه متنی رو زیر خط دار کنیم وقتی که ماوس روش قرار میگیره در واقع باید برای رویداد onmouseenter کد بنویسیم برای مثال :
یا برای تغییر رنگ متن :
یا میتونیم به جای نوشتن رنگ از کد رنگ استفاده کنیم :
حالا اگه بخوایم وقتی ماوس از روی متن خارج شد رنگ متن به حالت اولیه برگرده یا زیرخط حذف بشه باید همین دستورات رو تو رویداد onmouseout بنویسیم مثال حذف زیر خط متن وقتی ماوس از روی متن خارج میشه :
در واقع ما از دستورات جاوااسکریپت استفاده کردیم که دارای رویدادهای زیادی هست و خیلیم کاربردین اما شرح دستورات با چن تا مثال :
}onmouseenter
;'this.style.backgroundcolor='red
;'this.style.display='none
;'this.style.display='block
;'this.style.cursor='pointer
{
توضیح مثال بالا : اول باید دقت کنیم که چهار خط دستور بالا داخل رویداد onmouseenter نوشته شدن یعنی هر وقت اشاره گر ماوس وارد اون کنترلی که ما این رویدادو براش نوشتیم بشه این دستورات اجرا میشه this به کنتری که داریم براش کد مینویسیم اشاره میکنه یعنی برای اینکه لازم نباشه اسم کنترل رو ذکر کنیم از this استفاده میشه بعد مشخص میکنیم که میخوایم استایل های این کنترل رو تغییر بدیم و بعد اسم اون صفتی که میخوایم تغییر بدیمو مینویسیم برای مثال اولین خط رنگ پس زمینه رو قرمز میکنه دومین خط اون کنترل رو مخفی میکنه ینی نشون داده نمیشه چون این دستور داخل onmouseenter نوشته شده به محض این که اشاره گر ماوس روی این کنترل قرار بگیره اول رنگ پس زمینه قرمز میشه بعد نشون داده نمیشه تو سومین خط گفتیم دوباره کنترل رو نشون بده اگه display رو block قرار بدیم نشون داده میشه و در اخرین خط گفتیم هر وقت اشاره گر وارد این کنترل شد اشاره گر ماوس به صورت pointer نشون داده بشه